/**
 * OwnPH — 청록·골드 포인트와 명확한 정보 위계의 부동산 테마.
 * Workflow: 공용 위젯 CSS → 사이트 토큰 → 화면별 표현 → 반응형.
 * 홈·목록·추가 로딩·상세·중개사·관리·회원 화면이 같은 기준을 쓴다.
 * 마크업/JS 계약은 widgets/에 유지하고 이 파일은 OwnPH에서만 로드한다.
 */
:root {
    --site-brand: #11665d;
    --site-brand-dark: #123f38;
    --site-brand-soft: #eaf4ef;
    --site-accent: #8a5b18;
    --site-accent-soft: #fbf2df;
    --site-text: #203a33;
    --site-muted: #566962;
    --site-border: #dbe5df;
    --site-control-border: #86958d;
    --site-bg: #ffffff;
    --site-bg-soft: #f1f5f2;
    --site-page-bg: #f5f7f4;
    --site-header-bg: #ffffff;
    --site-radius-small: 6px;
    --site-radius-control: 10px;
    --site-card-radius: 16px;
    --site-shadow: 0 4px 20px rgb(18 63 56 / 4%);
    --site-shadow-raised: 0 12px 28px rgb(18 63 56 / 10%);
    --site-space-1: 0.25rem;
    --site-space-2: 0.5rem;
    --site-space-3: 0.75rem;
    --site-space-4: 1rem;
    --site-space-6: 1.5rem;
    --site-space-8: 2rem;
    --site-title-size: 1.625rem;
    --site-section-size: 1.375rem;
    --site-max-width: 1320px;
    --w-shell-max: var(--site-max-width);

    /* Web Awesome의 색·입력·패널 토큰을 사이트와 연결한다. */
    --wa-color-text-normal: var(--site-text);
    --wa-color-text-quiet: var(--site-muted);
    --wa-color-text-link: var(--site-brand);
    --wa-color-surface-default: var(--site-bg);
    --wa-color-surface-lowered: var(--site-bg-soft);
    --wa-color-surface-border: var(--site-border);
    --wa-color-brand-fill-loud: var(--site-brand);
    --wa-color-brand-fill-normal: var(--site-brand-soft);
    --wa-color-brand-fill-quiet: var(--site-brand-soft);
    --wa-color-brand-border-quiet: var(--site-border);
    --wa-color-brand-border-normal: var(--site-control-border);
    --wa-color-brand-border-loud: var(--site-brand);
    --wa-color-brand-on-normal: var(--site-brand-dark);
    --wa-color-brand-on-quiet: var(--site-brand-dark);
    --wa-color-brand-on-loud: #fff;
    --wa-color-neutral-fill-quiet: var(--site-bg-soft);
    --wa-color-neutral-fill-normal: var(--site-bg-soft);
    --wa-color-neutral-border-normal: var(--site-border);
    --wa-color-neutral-border-loud: var(--site-control-border);
    --wa-color-neutral-on-quiet: var(--site-muted);
    --wa-color-neutral-on-normal: var(--site-text);
    --wa-color-focus: var(--site-brand);
    --wa-form-control-border-color: var(--site-control-border);
    --wa-form-control-border-radius: var(--site-radius-control);
    --wa-form-control-placeholder-color: var(--site-muted);
    --wa-panel-border-radius: var(--site-card-radius);
    --wa-form-control-label-font-weight: 600;
}

/* 앱과 같은 포레스트·라임 팔레트. 설치 배너는 사이트의 밝은 바탕 위에 놓인다. */
.w-app-download {
    --w-app-download-bg: #153d34;
    --w-app-download-ink: #f8faf0;
    --w-app-download-accent: #d9ed92;
    --w-app-download-on-accent: #153d34;
    --w-app-download-muted: #c4d5c9;
    --w-app-download-surface: #f6f5ef;
}

/* 셸 — 헤더·본문·푸터의 시작점과 읽기 폭을 맞춘다. */
.site-main.ownph-main { max-width: var(--site-max-width); margin: 0 auto; padding: var(--site-space-8) 1.25rem 3rem; }
.site-shell--left {
    --w-shell-max: var(--site-max-width);
    --w-five-column-max: var(--site-max-width);
    --w-five-column-side: 268px;
    --w-five-column-gap: 28px;
    --w-five-column-pad: 1.25rem;
    padding-top: var(--site-space-8);
    padding-bottom: 3rem;
}
.site-shell--left .w-five-column__side { display: grid; gap: var(--site-space-4); align-content: start; }
.site-shell--left .w-card { --w-card-pad: 1rem; --w-card-title-size: 0.9375rem; --w-card-head-h: 3.25rem; --w-card-icon: var(--site-brand); --w-card-more: var(--site-muted); box-shadow: var(--site-shadow); }
.site-shell--left .w-card__head { padding-block: 0.75rem; background: linear-gradient(110deg, var(--site-bg), var(--site-bg-soft)); }
.site-shell--left .w-card__title { font-weight: 750; line-height: 1.5; }
.w-brand-header { --w-brand-header-height: 76px; box-shadow: var(--site-shadow); }
.w-brand-header__link { font-size: 0.875rem; font-weight: 600; border-radius: var(--site-radius-control); }
.w-brand-header__search-input { border-radius: var(--site-radius-control); }
.w-brand-header__panel { border-radius: var(--site-card-radius); }
.w-footer-columns { --w-footer-columns-pad: 3rem 1.25rem; --w-footer-columns-muted: var(--site-muted); margin-top: 0; border-top: 3px solid var(--site-brand); }
.w-footer-columns__links a i { color: var(--site-muted); }
.w-footer-columns__col-title { font-size: 0.9375rem; font-weight: 750; }

/* WA native.css의 li 들여쓰기가 카드/탐색용 목록에 더해지지 않게 한다.
   본문(description) 안의 일반 목록은 그대로 둔다. */
.w-listing-mini__row,
.w-login-card__links > li,
.w-footer-columns__meta > li,
.w-footer-columns__links > li,
.w-listing-view__amenities > li { margin: 0; }
.w-listing-mini { --w-listing-mini-thumb: 56px; --w-listing-mini-gap: 0.75rem; gap: 0; }
.w-listing-mini__row + .w-listing-mini__row { border-top: 1px solid var(--site-border); margin-top: 0.875rem; padding-top: 0.875rem; }
.w-listing-mini__link { align-items: flex-start; }
.w-listing-mini__link:focus-visible { outline: 2px solid var(--site-brand); outline-offset: 4px; border-radius: var(--site-radius-control); }
.w-listing-mini__thumb { border-radius: var(--site-radius-control); }
.w-listing-mini__noimg { color: var(--site-muted); }
.w-listing-mini__body { gap: 0.3rem; }
.w-listing-mini__title { font-size: 0.8125rem; font-weight: 500; line-height: 1.5; }
.w-listing-mini__unit { color: var(--site-muted); font-size: 0.75rem; }
.w-listing-mini__meta { flex-wrap: wrap; align-items: baseline; gap: 0.2rem 0.4rem; }
.w-listing-mini__price { font-size: 0.9375rem; font-weight: 750; letter-spacing: -0.02em; white-space: normal; overflow: visible; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.w-recent-listings__city { flex: 1 0 100%; font-size: 0.75rem; line-height: 1.4; white-space: normal; overflow-wrap: anywhere; }
.w-listing-mini__more { padding-top: 0.75rem; margin-top: 0.75rem; border-top: 1px solid var(--site-border); }

/* 공통 제목·간격. 긴 번역도 버튼과 겹치지 않고 다음 줄로 흐른다. */
.w-property-home__section-head,
.w-collection__header,
.w-broker-listings__head,
.w-similar-listings__head { flex-wrap: wrap; gap: var(--site-space-3); margin-bottom: var(--site-space-4); }
.w-property-home__section-head h2,
.w-collection__title,
.w-broker-listings__title,
.w-similar-listings__title { font-size: var(--site-section-size); font-weight: 750; line-height: 1.45; letter-spacing: -0.035em; }
.w-collection__header { border-bottom-width: 1px; padding-bottom: var(--site-space-4); }
.w-property-home__section { margin-bottom: var(--site-space-8); }
.w-broker-listings,
.w-similar-listings { margin-top: var(--site-space-8); }
.w-property-home__section-head p { font-size: 0.875rem; line-height: 1.65; }
.w-collection__empty,
.w-my-listings__none { border: 1px solid var(--site-border); border-radius: var(--site-card-radius); background: var(--site-bg); padding: 3rem 1.5rem; }

.w-empty-state__code { color: var(--site-muted); font-weight: 650; }

/* 홈 — 커버 사진 4장이 앱과 같이 겹쳐 넘어가고, 문구도 사진과 짝지어 바뀐다. 둘째 줄 강조색은 앱의 라임(OwnphTheme.lime). */
.w-property-home { --w-property-home-radius: 22px; --w-property-home-on-image: #fff; --w-property-home-highlight: #d9ed92; --w-property-home-overlay: linear-gradient(90deg, rgb(6 28 25 / 90%) 0%, rgb(6 28 25 / 74%) 45%, rgb(6 28 25 / 16%) 100%); }
.w-property-home__hero {
    display: block;
    padding: 0;
    border: 1px solid var(--site-border);
    background: var(--site-bg);
    box-shadow: var(--site-shadow-raised);
}
.w-property-home__cover { display: flex; align-items: center; min-height: 450px; padding: 3rem; background: var(--site-brand-dark); }
.w-property-home__intro { min-width: 0; max-width: 58%; padding: 0; }
.w-property-home__image {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    border-radius: 0;
    box-shadow: none;
    object-position: center 55%;
}
.w-property-home__eyebrow { color: #f9d59a; font-size: 0.6875rem; letter-spacing: 0.12em; margin-bottom: var(--site-space-6); }
.w-property-home__scene-title { font-size: clamp(2.25rem, 3.5vw, 3.25rem); font-weight: 800; line-height: 1.25; letter-spacing: -0.05em; color: #fff; }
.w-property-home__description { color: #f2f5f2; margin-top: var(--site-space-6); font-size: 0.9375rem; line-height: 1.85; }
.w-property-home__count { color: #fff; margin-top: var(--site-space-6); padding: 0.5rem 0.75rem; border: 1px solid rgb(255 255 255 / 32%); border-radius: var(--site-radius-control); background: rgb(10 42 34 / 70%); font-weight: 600; }
.w-property-home__count i { color: #f9d59a; }
.w-property-home__search { margin: 0; padding: var(--site-space-6); border: 0; border-radius: 0; }
.w-property-home__quick { gap: var(--site-space-3); margin: var(--site-space-4) 0; }
.w-property-home__quick-link { padding: 1.25rem 1rem; border-radius: var(--site-card-radius); gap: var(--site-space-3); box-shadow: var(--site-shadow); }
.w-property-home__icon { flex-basis: 40px; height: 40px; border-radius: var(--site-radius-control); font-size: 1.125rem; background: var(--site-brand-soft); color: var(--site-brand); }
.w-property-home__quick-link:nth-child(2) .w-property-home__icon { color: var(--site-accent); background: var(--site-accent-soft); }
.w-property-home__quick-copy strong { font-size: 0.9375rem; font-weight: 750; white-space: normal; overflow-wrap: anywhere; }
.w-property-home__quick-copy small { font-size: 0.75rem; }
.w-property-home__quick-count { color: var(--site-brand); font-size: 0.875rem; }
.w-property-home__cities { margin-bottom: var(--site-space-8); padding-bottom: var(--site-space-4); }
.w-property-home__explore { padding: var(--site-space-6); }
.w-property-home__types a { border-radius: var(--site-radius-control); background: var(--site-bg-soft); font-weight: 600; }
.w-property-home__types a > i:first-child { color: var(--site-brand); font-size: 1.5rem; }

/* 모든 매물 그리드 — 홈·필터 결과·중개사·관련·추가 로딩에 동일 적용. */
.w-property-home__grid,
.w-collection__items.is-grid,
.w-broker-listings__grid,
.w-similar-listings__grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 1.25rem; }
.w-listing-card { --w-listing-card-price: var(--site-brand-dark); --w-listing-card-radius: var(--site-card-radius); box-shadow: var(--site-shadow); transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.w-listing-card:hover { border-color: var(--site-control-border); box-shadow: var(--site-shadow-raised); transform: none; }
.w-listing-card__link:focus-visible { outline: 2px solid var(--site-brand); outline-offset: -3px; border-radius: var(--site-card-radius); }
.w-listing-card__thumb { aspect-ratio: 3 / 2; background: var(--site-bg-soft); }
.w-listing-card__nophoto { background: var(--site-bg-soft); color: var(--site-muted); }
.w-listing-card__body { padding: var(--site-space-4); }
.w-listing-card__price { font-size: 1.25rem; font-weight: 800; letter-spacing: -0.035em; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.w-listing-card__title { font-size: 1rem; font-weight: 600; line-height: 1.5; margin-top: var(--site-space-3); }
.w-listing-card__where { font-size: 0.8125rem; }
.w-listing-card__specs { margin-top: var(--site-space-3); gap: 0.75rem; }
.w-listing-card__foot { padding-top: var(--site-space-3); margin-top: var(--site-space-3); }
.w-listing-card__badge,
.w-listing-card__badge.is-s,
.w-listing-card__badge.is-r,
.w-listing-card__badge.is-t { background: var(--site-bg); color: var(--site-text); text-shadow: none; font-weight: 600; border-radius: var(--site-radius-small); }
.w-listing-card__new { background: var(--site-brand-soft); color: var(--site-brand-dark); text-shadow: none; border-radius: var(--site-radius-small); }
.w-listing-card__badges { top: 0.75rem; left: 0.75rem; }
.w-listing-card__badge { padding: 0.25rem 0.6rem; }
.w-listing-card__badge.is-s { background: var(--site-brand); color: var(--wa-color-brand-on-loud); }
.w-listing-card__badge.is-r { background: var(--site-accent-soft); color: var(--site-accent); }
.w-listing-card__badge.is-t { background: var(--site-brand-soft); color: var(--site-brand-dark); }

/* 검색 — 기존 컨트롤·선택 상태는 유지하고 패널의 간격을 통일한다. */
.w-listing-filter { --w-listing-filter-pad: 1.5rem; --w-listing-filter-detail-pad: 1.25rem; margin-bottom: var(--site-space-8); box-shadow: var(--site-shadow); }
.w-listing-filter__pills { padding-bottom: var(--site-space-4); border-bottom: 1px solid var(--site-border); }
.w-listing-filter__advanced { --wa-color-surface-lowered: var(--site-accent-soft); --wa-color-neutral-fill-quiet: var(--site-accent-soft); }
.w-listing-filter__advanced::part(header) { color: var(--site-text); }
.w-listing-filter__advanced::part(content) { background: var(--site-bg); }
.w-listing-filter__control.is-active { --wa-form-control-border-color: var(--site-brand); --wa-form-control-background-color: var(--site-brand-soft); }
.w-listing-filter__advanced-summary > i { color: var(--site-accent); }
.w-listing-filter__advanced-body { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.w-listing-filter__field--stacked.w-listing-filter__field--range { grid-column: span 2; }

/* 상세 — 한 장의 차분한 문서 안에 사진·가격·정보·연락처를 배치한다. */
.w-listing-view { padding: var(--site-space-6); border: 1px solid var(--site-border); border-radius: var(--site-card-radius); background: var(--site-bg); gap: var(--site-space-6); box-shadow: var(--site-shadow); }
.w-listing-view__title { margin: 0 0 1.25rem; font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 800; line-height: 1.35; letter-spacing: -0.035em; overflow-wrap: anywhere; }
.w-listing-view__photo { border-radius: var(--site-radius-control); }
.w-listing-view__header { border-bottom-width: 1px; padding-bottom: var(--site-space-6); }
.w-listing-view__price { display: flex; flex-direction: column-reverse; gap: 0.25rem; }
.w-listing-view__price b { font-size: 1.625rem; color: var(--site-brand-dark); letter-spacing: -0.035em; overflow-wrap: anywhere; }
.w-listing-view__price small { margin: 0; }
.w-listing-view__price:first-child b { font-size: 2rem; }
.w-listing-view__prices { gap: 1rem 2rem; padding: 1.25rem; background: var(--site-brand-soft); border-radius: var(--site-radius-control); }
.w-listing-view__address,
.w-listing-view__stat { line-height: 1.7; }
.w-listing-view__specs,
.w-listing-view__contacts { gap: var(--site-space-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); }
.w-listing-view__specs > div,
.w-listing-view__contacts > div { padding: var(--site-space-3) var(--site-space-4); border-radius: var(--site-radius-control); background: var(--site-bg-soft); border-color: transparent; }
.w-listing-view__specs dt,
.w-listing-view__contacts dt { font-size: 0.75rem; margin-bottom: var(--site-space-1); }
.w-listing-view__specs dd { font-size: 1.0625rem; font-weight: 750; }
.w-listing-view__amenities { gap: var(--site-space-2); }
.w-listing-view__amenities li { background: var(--site-bg-soft); color: var(--site-muted); border-radius: var(--site-radius-small); padding: 0.35rem 0.65rem; }
.w-listing-view__desc { line-height: 1.85; }
.w-listing-view__contact-box { margin-top: 0; padding: var(--site-space-6); border-radius: var(--site-card-radius); background: var(--site-bg); border-top: 3px solid var(--site-accent); }
.w-listing-view__contact-title { display: flex; align-items: center; flex-wrap: wrap; gap: var(--site-space-2); font-size: 1rem; font-weight: 650; }
.w-listing-view__broker-link { float: none; margin-left: auto; }
.w-listing-view__actions { flex-wrap: wrap; }
.w-listing-actions { margin: 0; padding-bottom: var(--site-space-4); }
.w-listing-actions__btn.is-done { color: var(--site-muted); }

/* 등록·수정·회원 정보 — 같은 패널·제목·필드 그룹 체계. */
.w-listing-form,
.w-broker-form,
.w-profile-form { background: var(--site-bg); padding: var(--site-space-8); border: 1px solid var(--site-border); border-radius: var(--site-card-radius); gap: var(--site-space-6); box-shadow: var(--site-shadow); }
.w-listing-form,
.w-broker-form { max-width: none; }
.w-profile-form { max-width: 680px; }
.w-listing-form__header,
.w-broker-form__header,
.w-profile-form__header { border-bottom-width: 1px; padding-bottom: var(--site-space-6); }
.w-listing-form__title,
.w-broker-form__title,
.w-profile-form__title,
.re-my__title { margin: 0; color: var(--site-text); font-size: var(--site-title-size); font-weight: 750; line-height: 1.5; letter-spacing: -0.025em; }
.w-listing-form__grid,
.w-broker-form__grid { gap: var(--site-space-6); grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.w-profile-form__grid { gap: var(--site-space-6); }
.w-listing-form__section,
.w-broker-form__section { margin-top: var(--site-space-2); padding-top: var(--site-space-6); gap: var(--site-space-6); }
.w-listing-form__legend,
.w-broker-form__legend { font-size: 1.0625rem; font-weight: 750; padding-right: 0.75rem; }
.w-listing-form__legend i,
.w-broker-form__legend i { color: var(--site-brand); }
.w-listing-form__actions,
.w-broker-form__actions,
.w-profile-form__actions { flex-wrap: wrap; padding-top: var(--site-space-6); border-top: 1px solid var(--site-border); }
.w-broker-form__photo { justify-content: flex-start; }
/* 기존 native 필드도 같은 테마 토큰을 사용한다. 입력 요소/이벤트는 바꾸지 않는다. */
.w-listing-form__input,
.w-listing-form__textarea,
.w-broker-form__input,
.w-broker-form__textarea,
.w-profile-form__input { min-width: 0; border-color: var(--site-control-border); border-radius: var(--site-radius-control); }
.w-listing-form__input:focus-visible,
.w-listing-form__textarea:focus-visible,
.w-broker-form__input:focus-visible,
.w-broker-form__textarea:focus-visible,
.w-profile-form__input:focus-visible { outline: 2px solid var(--site-brand); outline-offset: 2px; }

/* 중개사·연동 안내 — 겹겹의 강조 박스를 평면적인 정보 영역으로 정리한다. */
.w-broker-card { --w-broker-card-photo: 72px; --w-broker-card-radius: var(--site-card-radius); padding: var(--site-space-6); box-shadow: var(--site-shadow); border-top: 3px solid var(--site-brand); }
.w-broker-card__name { font-size: var(--site-title-size); font-weight: 650; }
.w-philgo-network--compact { margin-bottom: var(--site-space-6); }

/* 관리 — 상태·삭제 의미는 보존하고 숫자·거래 배지는 중립색으로 맞춘다. */
.re-my__head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--site-space-4); margin-bottom: var(--site-space-6); }
.re-my__title i { margin-right: 0.4rem; color: var(--site-muted); font-size: 1rem; }
.re-my__count { display: inline-block; margin-left: 0.35rem; padding: 0.1rem 0.5rem; border-radius: var(--site-radius-small); background: var(--site-bg-soft); color: var(--site-muted); font-size: 0.8125rem; font-weight: 600; vertical-align: middle; }
.re-my__actions { display: flex; flex-wrap: wrap; gap: var(--site-space-2); }
.re-my__notice,
.re-my__notice a { color: inherit; font-weight: 600; text-decoration: underline; }

/* 내 매물 — 필고 동시 노출을 먼저 알리고, 관리 목록은 차분하게 구분한다. */
.re-my__head { padding-bottom: var(--site-space-4); border-bottom: 1px solid var(--site-border); }
.re-my__title i { color: var(--site-brand); font-size: 1.25rem; }
.re-my__count { background: var(--site-brand-soft); color: var(--site-brand-dark); font-variant-numeric: tabular-nums; }
/* 로그인·가입 — Google 규격 버튼은 위젯 고유 토큰을 그대로 유지한다. */
.w-login-form { --w-login-max: 920px; --w-login-radius: var(--site-card-radius); --w-login-shadow: var(--site-shadow-raised); --w-login-on-image: var(--site-text); margin: 1rem auto; }
.w-login-form__visual { padding: var(--site-space-8); align-items: stretch; flex-direction: column; justify-content: space-between; gap: var(--site-space-8); background: var(--site-bg-soft); }
.w-login-form__visual::after { display: none; }
.w-login-form__image { position: static; z-index: auto; height: 240px; border-radius: var(--site-radius-control); object-position: center 55%; }
.w-login-form__story h2 { font-size: 1.75rem; font-weight: 650; line-height: 1.45; letter-spacing: -0.035em; }
.w-login-form__story p { color: var(--site-muted); }
.w-login-form__house { color: var(--site-brand); font-size: 1.25rem; }
.w-login-form__header h1 { font-size: 1.75rem; font-weight: 650; letter-spacing: -0.025em; }
.w-login-form__eyebrow { letter-spacing: 0.12em; }
.w-login-form__content { padding: var(--site-space-8); }

/* 992px부터 사이드바가 내려간다. 중간 폭에서도 카드 최소 폭을 지킨다. */
@media (max-width: 991.98px) {
    .site-shell--left { --w-five-column-gap: 24px; }
    .site-shell--left .w-five-column__side { margin-top: var(--site-space-2); grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .w-property-home__scene-title { font-size: 2.25rem; }
}
@media (max-width: 760px) {
    .w-property-home { --w-property-home-overlay: linear-gradient(90deg, rgb(6 28 25 / 88%), rgb(6 28 25 / 66%)); }
    .w-property-home__cover { min-height: 440px; padding: 2rem 1.5rem 2.25rem; }
    .w-property-home__intro { padding: 0; max-width: 100%; }
    .w-property-home__image { object-position: center 55%; }
    .w-property-home__search { padding-top: var(--site-space-4); }
    .w-property-home__quick-link { flex-wrap: wrap; }
    .w-property-home__quick-copy small { display: none; }
    .w-listing-filter__advanced-body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 680px) {
    .w-login-form__visual { min-height: 0; padding: var(--site-space-6); gap: var(--site-space-4); }
    .w-login-form__image { display: none; }
    .w-login-form__story h2 { font-size: 1.375rem; }
    .w-login-form__content { padding: var(--site-space-6); }
}
@media (max-width: 640px) {
    .site-main.ownph-main { padding: var(--site-space-4) 0.75rem var(--site-space-8); }
    .site-shell--left { --w-five-column-gap: 20px; padding-top: var(--site-space-4); }
    .site-shell--left .w-five-column__side { grid-template-columns: 1fr; }
    .w-brand-header__inner { gap: var(--site-space-2); padding-inline: 0.75rem; }
    .w-brand-header__actions { flex: 1 1 100%; min-width: 0; gap: var(--site-space-1); flex-wrap: wrap; justify-content: space-between; }
    .w-brand-header__lang wa-button::part(base) { padding-inline: 0.5rem; }
    .w-brand-header__cta::part(base) { padding-inline: 0.65rem; }
    .w-brand-header__user-link { padding-inline: 0.5rem; font-size: 0.875rem; }
    .w-brand-header__link { padding-inline: 0.5rem; font-size: 0.8125rem; }
    .w-footer-columns { --w-footer-columns-pad: var(--site-space-8) 0.75rem; }
    .w-footer-columns__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .w-footer-columns__brand { grid-column: 1 / -1; min-width: 0; }
    .w-footer-columns__col { min-width: 0; }
    .w-property-home__explore,
    .w-listing-view,
    .w-listing-view__contact-box,
    .w-broker-card { padding: var(--site-space-4); }
    .w-property-home__quick-link { padding: var(--site-space-3); }
    .w-property-home__quick-copy strong { font-size: 0.8125rem; }
    .w-property-home__scene-title { font-size: 2rem; }
    .w-property-home__description { font-size: 0.875rem; }
    .w-property-home__search { padding: var(--site-space-4); }
    .w-property-home__section-head h2 { font-size: 1.1875rem; }
    .w-property-home__section-head p { font-size: 0.8125rem; }
    .w-property-home__icon { flex-basis: auto; }
    .w-property-home__quick-count { flex-wrap: wrap; gap: var(--site-space-1); }
    .w-property-home__grid,
    .w-collection__items.is-grid,
    .w-broker-listings__grid,
    .w-similar-listings__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--site-space-3); }
    .w-listing-card__body { padding: var(--site-space-3); }
    .w-listing-card__price { font-size: 1rem; }
    .w-listing-card__title { font-size: 0.875rem; }
    .w-listing-card__where { font-size: 0.75rem; }
    .w-listing-card__badge { font-size: 0.625rem; padding-inline: 0.35rem; }
    .w-listing-card__specs { gap: 0.35rem; }
    .w-listing-filter { --w-listing-filter-pad: 1rem; --w-listing-filter-detail-pad: 1rem; }
    .w-listing-filter__pills { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 0.375rem; }
    .w-listing-filter__pill::part(base) { padding-inline: 0.6rem; }
    .w-listing-filter__advanced-actions { gap: 0.75rem; }
    .w-listing-view__price b { font-size: 1.375rem; }
    .w-listing-view__price:first-child b { font-size: 1.625rem; }
    .w-listing-view__gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .w-listing-view__photo:not(.is-main) img { height: 76px; }
    .w-listing-view__specs,
    .w-listing-view__contacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .w-listing-view__specs > div,
    .w-listing-view__contacts > div { padding: var(--site-space-3); }
    .w-listing-form,
    .w-broker-form,
    .w-profile-form { padding: var(--site-space-6) var(--site-space-4); }
    .w-listing-form__grid,
    .w-broker-form__grid { grid-template-columns: 1fr; }
    .re-my__head { align-items: flex-start; }
    .re-my__actions { width: 100%; }
    .re-my__actions wa-button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
    .w-listing-card { transition: none; }
    .w-listing-filter__advanced { --show-duration: 0ms; --hide-duration: 0ms; }
}
@media (max-width: 359px) {
    .w-property-home__grid,
    .w-collection__items.is-grid,
    .w-broker-listings__grid,
    .w-similar-listings__grid { grid-template-columns: 1fr; }
}

/* 관리 화면 안내는 가로 로고와 간결한 펼침 안내로 구성한다. */
.owner-main .re-my__support { display: grid; gap: 0.75rem; margin-bottom: 1.75rem; }
.re-my__tip { display: block; margin: 0; border-block: 1px solid var(--site-border); }
.re-my__tip::part(header) { padding: 1rem 0.25rem; font-size: 0.8125rem; font-weight: 550; color: var(--site-muted); }
.re-my__tip [slot="summary"] { display: flex; align-items: center; gap: 0.65rem; }
.re-my__tip [slot="summary"] i { color: var(--site-accent); font-size: 1.15rem; }
.re-my__tip::part(content) { padding: 0 1rem 1rem 2rem; font-size: 0.8125rem; line-height: 1.8; color: var(--site-muted); }
.owner-main .re-my__notice { margin-bottom: 1.5rem; }

/* 회원 정보 — 사진 중심의 프로필 카드 + 여백이 넉넉한 편집 패널. */
.w-profile-form {
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.65fr);
    gap: 1.5rem;
}
.w-profile-form__identity { border-radius: 22px; box-shadow: 0 16px 42px rgb(18 63 56 / 7%); background: #fffefa; }
.w-profile-form__identity-art { height: 146px; background: radial-gradient(ellipse at 0 0, #34796a, transparent 65%), linear-gradient(120deg, #174d42, #123f38); }
.w-profile-form__identity-art::before,
.w-profile-form__identity-art::after { content: ''; position: absolute; width: 280px; height: 280px; border: 1px solid rgb(237 201 140 / 24%); border-radius: 50%; left: -190px; top: -130px; }
.w-profile-form__identity-art::after { width: 360px; height: 360px; left: -230px; top: -170px; }
.w-profile-form__identity-art i { right: 1.25rem; bottom: -1.625rem; font-size: 8.5rem; color: #ecd2a3; opacity: 0.15; }
.w-profile-form__identity-body { padding: 0 1.75rem 2.25rem; gap: 1.25rem; margin-top: -76px; }
.w-profile-form__eyebrow { order: 2; padding-top: 0.25rem; color: var(--site-accent); letter-spacing: 0.12em; }
.w-profile-form__identity .w-image-uploader { --w-image-uploader-size: 152px; --w-image-uploader-bg: #e9f1eb; --w-image-uploader-border: #fffefa; gap: 0.875rem; }
.w-profile-form__identity .w-image-uploader__preview { border: 7px solid #fffefa; box-shadow: 0 0 0 1px rgb(209 179 124 / 35%), 0 8px 22px rgb(18 63 56 / 10%); }
.w-profile-form__identity .w-image-uploader__empty { color: #789b8e; font-size: 4rem; }
.w-profile-form__identity .w-image-uploader__label { font-size: 0.75rem; }
.w-profile-form__identity .w-image-uploader__actions { flex-wrap: wrap; justify-content: center; }
.w-profile-form__display-name { order: 3; font-size: 1.75rem; margin-top: -0.5rem; letter-spacing: -0.035em; }
.w-profile-form__photo-hint { order: 4; padding-top: 1.25rem; border-top: 1px solid #e7e8dd; font-size: 0.8125rem; }
.w-profile-form__editor { gap: 1.5rem; }
.w-profile-form__panel { padding: 2rem; border-radius: 22px; box-shadow: 0 6px 24px rgb(18 63 56 / 3%); }
.w-profile-form__header { padding-bottom: 1.5rem; margin-bottom: 1.5rem; }
.w-profile-form__title { font-size: 1.1875rem; font-weight: 750; letter-spacing: -0.025em; }
.w-profile-form__section-icon { width: 3rem; height: 3rem; background: #edf5ef; border: 1px solid #d9e7dc; border-radius: 14px; font-size: 1.4rem; }
.w-profile-form__description { font-size: 0.8125rem; }
.w-profile-form__grid { gap: 1.5rem; }
.w-profile-form__optional { color: #725624; background: #f9f1df; padding: 0.3rem 0.65rem; }
.w-profile-form__input { border-color: #b4c3b9; background: #fcfdfb; min-height: 50px; border-radius: 10px; }
.w-profile-form__radios { gap: 1.25rem; padding: 0.625rem 0; }
.w-profile-form__actions { padding: 1.375rem 1.75rem; border: 1px solid #dbe5da; background: #eff4ee; border-radius: 18px; flex-wrap: nowrap; }
.w-profile-form__submit { min-width: 176px; }
@media (max-width: 980px) {
    .w-profile-form { grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.4fr); }
    .w-profile-form__panel { padding: 1.5rem; }
    .w-profile-form__grid { grid-template-columns: 1fr; }
    .w-profile-form__actions { flex-wrap: wrap; }
}
@media (max-width: 760px) {
    .w-profile-form { grid-template-columns: 1fr; padding: 0; }
    .w-profile-form__identity-art { height: 120px; }
    .w-profile-form__identity-body { padding: 0 1.5rem 1.75rem; margin-top: -66px; }
    .w-profile-form__identity .w-image-uploader { --w-image-uploader-size: 132px; }
    .w-profile-form__photo-hint { max-width: 38ch; }
    .w-profile-form__panel { padding: 1.5rem; }
    .w-profile-form__actions { padding: 1.25rem; }
}
@media (max-width: 480px) {
    .w-profile-form__identity,
    .w-profile-form__panel { border-radius: 18px; }
    .w-profile-form__panel { padding: 1.25rem; }
    .w-profile-form__section-icon { width: 2.5rem; height: 2.5rem; border-radius: 11px; }
    .w-profile-form__title { font-size: 1.0625rem; }
    .w-profile-form__birth .w-profile-form__input { padding-inline: 0.65rem; }
    .w-profile-form__submit { width: 100%; }
}

/* 매물 등록 스튜디오 — 넓은 편집 영역과 고정 작성 가이드 */
.w-listing-form {
    --w-listing-form-field-bg: #f8faf8;
    --w-listing-form-accent: #c29651;
    --w-listing-form-radius: 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    max-width: none;
}
.w-listing-form__studio {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 28px;
    align-items: start;
}
.w-listing-form__main { display: flex; flex-direction: column; min-width: 0; gap: 24px; }
.w-listing-form__section {
    margin: 0;
    padding: 30px;
    border: 1px solid var(--site-border);
    border-radius: var(--w-listing-form-radius);
    background: var(--site-bg);
    gap: 24px;
    box-shadow: 0 5px 24px rgb(19 61 51 / 3%);
    scroll-margin-top: 110px;
}
.w-listing-form__legend {
    margin: 0;
    padding: 0;
    gap: 12px;
    font-size: 1.25rem;
    line-height: 1.45;
    letter-spacing: -.025em;
}
.w-listing-form__legend::after { display: none; }
.w-listing-form__legend .w-listing-form__req { margin-left: auto; font-size: .75rem; letter-spacing: 0; white-space: nowrap; }
.w-listing-form__number {
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--site-brand-soft);
    color: var(--site-brand);
    font-size: .75rem;
    font-weight: 750;
    letter-spacing: .015em;
}
.w-listing-form__section-copy { margin: -15px 0 0 48px; color: var(--site-muted); line-height: 1.65; font-size: .875rem; }
.w-listing-form__grid { gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.w-listing-form__field { min-width: 0; gap: 9px; }
.w-listing-form__label { font-size: .8125rem; font-weight: 650; }
.w-listing-form__input { height: 50px; }
.w-listing-form__input, .w-listing-form__textarea { border-color: #dce5df; border-radius: 11px; }
.w-listing-form__textarea { min-height: 220px; }
.w-listing-form__checks { gap: 10px; }
.w-listing-form__field--wide > .w-listing-form__checks { padding-top: 10px; }
.w-listing-form__field--wide .w-listing-form__check { flex: 1 1 auto; justify-content: center; border-radius: 13px; min-height: 54px; box-sizing: border-box; }
.w-listing-form__amenities { border: 0; border-top: 1px solid var(--site-border); margin: 0; padding: 22px 0 0; min-width: 0; }
.w-listing-form__amenities > legend { float: left; width: 100%; margin-bottom: 14px; }
.w-listing-form__currency { margin-left: auto; color: var(--w-listing-form-accent); font-size: 1.65rem; font-weight: 500; }
.w-listing-form__section--photos { border-top: 3px solid var(--w-listing-form-accent); }
.w-listing-form__photo-stage { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 28px; padding: 32px; border: 1px dashed #a8bfb2; border-radius: 18px; background: linear-gradient(120deg, #f1f7f1, #f9f8ef); align-items: start; }
.w-listing-form__photo-art { position: relative; isolation: isolate; display: grid; place-items: center; margin-top: 12px; width: 92px; height: 92px; border: 1px solid #d5e3d8; border-radius: 22px; background: #fff; color: var(--site-brand); font-size: 2.5rem; box-shadow: 0 12px 25px rgb(20 65 51 / 8%); transform: rotate(-7deg); }
.w-listing-form__photo-art::before { content: ''; position: absolute; inset: -8px 6px 8px -6px; z-index: -1; border: 1px solid #cbdccf; border-radius: 22px; background: #e7efe3; transform: rotate(16deg); }
.w-listing-form__photo-art > span { position: absolute; right: -13px; bottom: -12px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #f2ddb8; color: #8b601b; font-size: 1rem; border: 4px solid #f7f8ef; }
.w-listing-form__photo-copy { min-width: 0; }
.w-listing-form__photo-copy h3 { margin: 0; color: var(--site-brand-dark); font-size: 1.25rem; font-weight: 750; line-height: 1.45; letter-spacing: -.025em; }
.w-listing-form__photo-copy > p { margin: 8px 0 18px; color: var(--site-muted); font-size: .875rem; line-height: 1.7; }
.w-listing-form__photo-meta { display: block; margin-top: 12px; color: var(--site-muted); font-size: .75rem; line-height: 1.7; }
.w-listing-form .w-file-uploader { --w-file-uploader-size: 94px; }
.w-listing-form .w-file-uploader__items { gap: 8px; margin-bottom: 12px; }
.w-listing-form .w-file-uploader__item { border-radius: 10px; }
.w-listing-form .w-file-uploader__actions { margin: 0; }
.w-listing-form .w-file-uploader__add { --wa-form-control-height-small: 42px; --wa-color-neutral-on-normal: var(--site-brand); --wa-color-neutral-border-normal: #8faea0; }
.w-listing-form .w-file-uploader__add::part(base) { border-radius: 10px; font-weight: 650; }
.w-listing-form__aside { position: sticky; top: 100px; min-width: 0; }
.w-listing-form__guide { display: flex; flex-direction: column; gap: 20px; }
.w-listing-form__guide-label { display: flex; align-items: center; gap: 10px; margin: 4px 0 0; color: var(--site-brand-dark); font-size: .875rem; font-weight: 700; }
.w-listing-form__guide-label > i { font-size: 1.15rem; color: var(--w-listing-form-accent); }
.w-listing-form__steps { display: flex; flex-direction: column; gap: 4px; padding: 14px; border: 1px solid var(--site-border); border-radius: 20px; background: #fff; }
.w-listing-form__steps wa-button { display: block; width: 100%; }
.w-listing-form__steps wa-button::part(base) { width: 100%; justify-content: flex-start; min-height: 47px; padding-inline: 8px; border-radius: 10px; font-size: .8125rem; text-align: left; }
.w-listing-form__step-number { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #edf3ee; color: #4d6a5b; font-size: .7rem; font-weight: 700; }
.w-listing-form__advice { padding: 26px; border: 1px solid #eadcc1; border-radius: 20px; background: linear-gradient(145deg, #f8f4e9, #fffaf0); }
.w-listing-form__advice > i { font-size: 1.9rem; color: #a37935; }
.w-listing-form__advice h3 { margin: 16px 0 10px; color: var(--site-brand-dark); font-size: 1.125rem; font-weight: 700; line-height: 1.55; letter-spacing: -.02em; }
.w-listing-form__advice p { margin: 0; color: #756954; font-size: .8125rem; line-height: 1.8; }
.w-listing-form__notice { --wa-border-radius-m: 16px; }
.w-listing-form__notice::part(base) { padding: 18px; }
.w-listing-form__notice strong { font-size: .8125rem; line-height: 1.65; }
.w-listing-form__notice-sub { font-size: .75rem; }
.w-listing-form__guide .w-philgo-network--compact { align-items: flex-start; margin: 0; padding: 18px; border-radius: 16px; font-size: .75rem; }
.w-listing-form__guide .w-philgo-network--compact .w-philgo-network__link { margin: 10px 0 0; }
.w-listing-form__pick-type { padding: 18px 22px; margin: 0; border-radius: 16px; background: #f1f6f1; border-color: #ccdcd0; }
.w-listing-form__actions { display: flex; gap: 12px; margin: 0; padding: 24px 28px; border: 1px solid var(--site-border); border-radius: 20px; background: #fff; box-shadow: 0 5px 24px rgb(19 61 51 / 3%); }
.w-listing-form__save-copy { display: flex; align-items: center; gap: 10px; flex: 1 1 200px; margin: 0; font-size: .8125rem; line-height: 1.6; color: var(--site-muted); }
.w-listing-form__save-copy > i { color: var(--site-brand); font-size: 1.5rem; }
.w-listing-form__submit::part(base) { border-radius: 12px; }
.w-listing-form__status { flex-basis: 100%; padding: 12px 14px; border-radius: 9px; background: var(--site-bg-soft); }
@media (max-width: 1050px) {
    .w-listing-form__studio { grid-template-columns: minmax(0, 1fr) 245px; gap: 20px; }
    .w-listing-form__section { padding: 24px; }
    .w-listing-form__photo-stage { grid-template-columns: minmax(0, 1fr); padding: 24px; }
    .w-listing-form__photo-art { width: 70px; height: 70px; margin: 0 0 4px; font-size: 2rem; }
}
@media (max-width: 800px) {
    .w-listing-form__studio { grid-template-columns: 1fr; }
    .w-listing-form__aside { position: static; }
    .w-listing-form__guide { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
    .w-listing-form__guide-label, .w-listing-form__steps { display: none; }
    .w-listing-form__guide .w-philgo-network--compact { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
    .w-listing-form { padding: 0; }
    .w-listing-form__main { gap: 18px; }
    .w-listing-form__section { padding: 20px 18px; border-radius: 19px; gap: 22px; }
    .w-listing-form__legend { font-size: 1.0625rem; gap: 10px; }
    .w-listing-form__number { flex-basis: 30px; width: 30px; height: 30px; font-size: .6875rem; }
    .w-listing-form__section-copy { margin-left: 0; margin-top: -10px; font-size: .8125rem; }
    .w-listing-form__grid { grid-template-columns: 1fr; gap: 20px; }
    .w-listing-form__field--wide .w-listing-form__check { flex: 1 1 30%; font-size: .8125rem; padding-inline: 8px; }
    .w-listing-form__photo-stage { padding: 24px 18px; gap: 20px; }
    .w-listing-form__photo-copy h3 { font-size: 1.0625rem; }
    .w-listing-form__guide { grid-template-columns: 1fr; gap: 16px; }
    .w-listing-form__advice { padding: 22px; }
    .w-listing-form__actions { padding: 20px 18px; border-radius: 19px; }
    .w-listing-form__save-copy { flex-basis: 100%; margin-bottom: 4px; }
    .w-listing-form__actions wa-button { flex: 1 1 auto; }
}

/* 모바일 편집 중에는 큰 전역 헤더가 입력 영역을 가리지 않게 한다. */
@media (max-width: 760px) {
    body:has(.owner-main) .w-brand-header { position: relative; }
}

/* 데스크톱 상시 탐색 메뉴와 본문 폭에 맞춘 편집 레이아웃. */
.site-shell--left { --w-five-column-side: 224px; --w-five-column-gap: 32px; }
.site-shell--left > .w-five-column__main { container: ownph-content / inline-size; }
/* 🔴 사이드바를 **스스로 스크롤되는 상자로 만들지 않는다.**
 *
 *    예전에는 여기에 `max-height: calc(100dvh - 120px); overflow-y: auto` 가 있었다.
 *    사이드바 내용은 1424px(메뉴 889 + 앱 배너 511)인데 화면 700px 에서는 580px 만 허용되어
 *    844px 이 넘쳤고, 그 순간 사이드바가 **자기 스크롤 컨테이너**가 됐다.
 *
 *    그래서 마우스가 사이드바 위에 있으면 휠이 목록이 아니라 사이드바에서 먼저 소비됐다(실측):
 *      휠 1~5회 → 페이지 0px 그대로, 사이드바 내부만 0 → 844px (메뉴만 주르륵 올라감)
 *      휠 6회~  → 그제야 목록이 스크롤되기 시작
 *    "사이드바가 깜박이거나 약간 움직인다" 가 이것이다. 여기에 macOS 오버레이 스크롤바가
 *    스크롤할 때마다 나타났다 사라지는 것이 겹친다.
 *
 *    내용 1424px 은 화면 1100px 에서도 444px 이 넘치므로 **모든 데스크톱 높이에서** 일어났다.
 *
 * 🔴 여기에 max-height·overflow 를 다시 넣지 않는다. 넣는 순간 같은 증상이 돌아온다. */
.site-shell--left > .w-five-column__side:has(.w-side-navigation) { min-width: 0; }

/* 메뉴(889px)가 통째로 들어가는 높이에서만 고정한다 — 100(top) + 889 + 21(아래 여백) ≈ 1010px.
   그보다 낮은 화면에서는 사이드바가 본문과 함께 흐른다. 잘린 메뉴를 내부 스크롤로 보게 하느니,
   페이지를 내리면 자연스럽게 드러나는 편이 낫다(휠을 가로채지 않는다).
   앱 배너는 고정 대상이 아니다 — 낮은 화면에서 페이지를 내리면 오히려 지금보다 잘 보인다. */
@media (min-height: 1010px) {
    .site-shell--left > .w-five-column__side:has(.w-side-navigation) { position: sticky; top: 100px; }
}
.w-owner-workspace { margin-bottom: 1.5rem; border-radius: 18px; box-shadow: none; }
.w-owner-workspace__cover { min-height: 200px; padding: 2rem; gap: 1.5rem; }
.w-owner-workspace__image { width: 100%; object-position: center 58%; }
.w-owner-workspace__cover::after { background: linear-gradient(90deg, rgb(12 49 42 / 96%) 0%, rgb(12 49 42 / 90%) 35%, rgb(12 49 42 / 36%) 100%); }
.w-owner-workspace h1 { font-size: clamp(1.7rem, 2.6vw, 2.25rem); }
.w-owner-workspace__description { font-size: 0.8125rem; max-width: 32rem; }
.w-owner-workspace__action::part(base) { font-size: 0.875rem; min-height: 46px; padding-inline: 1.25rem; box-shadow: none; }
.w-my-listings__tabs { margin-bottom: 1.75rem; }
.w-my-listings__tab::part(base) { height: 92px; border-radius: 13px; box-shadow: none; }
.w-my-listings__tab-count { font-size: 1.7rem; }
@media (min-width: 992px) {
    .w-owner-workspace__nav { display: none; }
    .w-brand-header__nav { display: none; }
    .w-brand-header__inner { gap: 32px; }
    .w-brand-header__logo { flex-basis: 224px; }
    .w-brand-header__search { max-width: none; }
}
@media (max-width: 991.98px) {
    .site-shell--left > .w-five-column__side:has(.w-side-navigation) { display: none; }
    /* 데스크톱 전용 「게시판」 팝업 — 좁은 화면에서는 주 메뉴의 자유게시판·질문게시판 링크가 대신 보인다. */
    .w-brand-header__popup { display: none; }

    /* 🔴 사이드바가 사라지는 경계(992px)에서 헤더도 「좁은 화면」 배치로 바꾼다.
       brand-header 위젯은 860px 이하에서만 줄을 나누므로(brand-header.css), 861~991px 에서는
       주 메뉴 6개·검색창·버튼이 한 줄에 들어가려다 넘친 메뉴가 옆 요소 위로 겹쳐 그려졌다
       (게시판 링크 2개를 더하며 드러났다 — 힌디처럼 긴 언어에서 특히 심하다).
       860px 이하와 같은 규칙: 버튼 줄 → 검색 줄 → 메뉴 가로 스크롤 줄.
       스크롤 영역 안에서는 절대배치 패널이 잘리므로 하위 패널·캐럿도 숨긴다. */
    .w-brand-header__inner { flex-wrap: wrap; padding-block: 0.6rem; }
    .w-brand-header__actions { order: 1; margin-left: auto; }
    .w-brand-header__search { order: 2; max-width: none; flex: 1 1 100%; }
    .w-brand-header__nav {
        order: 3;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .w-brand-header__nav::-webkit-scrollbar { display: none; }
    .w-brand-header__nav .w-brand-header__panel { display: none !important; }
    .w-brand-header__nav .w-brand-header__caret { display: none; }
    .w-owner-workspace__cover { padding: 1.75rem 1.5rem; }
}
@container ownph-content (max-width: 1000px) {
    .w-listing-form__studio { grid-template-columns: minmax(0, 1fr); }
    .w-listing-form__aside { position: static; }
    .w-listing-form__guide { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
    .w-listing-form__guide-label, .w-listing-form__steps { display: none; }
    .w-listing-form__guide .w-philgo-network--compact { grid-column: 1 / -1; }
}
@container ownph-content (max-width: 950px) {
    .w-broker-form.w-broker-form--editor { grid-template-columns: minmax(0, 1fr); }
    .w-broker-form--editor .w-broker-form__identity { position: static; display: grid; grid-template-columns: minmax(0, 1fr) 190px; gap: 0 1.5rem; }
    .w-broker-form__identity-title, .w-broker-form__identity-copy, .w-broker-form__eyebrow, .w-broker-form__identity-note { grid-column: 1; }
    .w-broker-form--editor .w-broker-form__photo { grid-column: 2; grid-row: 1 / 5; align-self: center; }
    .w-broker-form__photo-hint { grid-column: 2; }
    .w-broker-form__identity-note { margin-top: 0; }
}
@container ownph-content (max-width: 900px) {
    .w-my-listings__rows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .w-profile-form { grid-template-columns: minmax(0, 1fr); }
    .w-profile-form__actions { flex-wrap: wrap; }
    .w-broker-card__body { grid-template-columns: minmax(0, 1fr); }
}
@container ownph-content (min-width: 561px) and (max-width: 900px) {
    .w-profile-form__identity { border-top: 3px solid #c29651; }
    .w-profile-form__identity-art { display: none; }
    .w-profile-form__identity-body { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 0.75rem 2rem; margin: 0; padding: 2rem; text-align: start; }
    .w-profile-form__identity .w-image-uploader { grid-column: 1; grid-row: 1 / 4; }
    .w-profile-form__eyebrow { grid-column: 2; grid-row: 1; align-self: end; }
    .w-profile-form__display-name { grid-column: 2; grid-row: 2; margin: 0; }
    .w-profile-form__photo-hint { grid-column: 2; grid-row: 3; align-self: start; max-width: none; }
}
@container ownph-content (max-width: 760px) {
    .w-owner-workspace__cover { flex-wrap: wrap; padding: 1.75rem 1.5rem; }
    .w-listing-form__photo-stage { grid-template-columns: 1fr; padding: 24px; }
    .w-listing-form__photo-art { width: 70px; height: 70px; margin: 0 0 4px; font-size: 2rem; }
    .w-profile-form__grid { grid-template-columns: 1fr; }
    .w-property-home__grid, .w-collection__items.is-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container ownph-content (max-width: 560px) {
    .w-my-listings__rows { grid-template-columns: 1fr; }
    .w-listing-form__grid, .w-listing-form__guide { grid-template-columns: 1fr; }
    .w-broker-form--editor .w-broker-form__identity { display: flex; flex-direction: column; padding: 1.5rem; }
    .w-broker-form__identity-copy { margin-bottom: 1.25rem; }
    .w-broker-form__identity-note { margin-top: 1.25rem; }
    .w-broker-form--editor .w-broker-form__grid { grid-template-columns: minmax(0, 1fr); }
}
@container ownph-content (max-width: 359px) {
    .w-property-home__grid, .w-collection__items.is-grid { grid-template-columns: 1fr; }
}