/* Existing site, one line-based visual language. No layout or scene overrides. */
body[data-site-visual='20261023-line'] {
  --su-line-ink: #244b3d;
  --su-line-text: #31483e;
  --su-line-muted: #637166;
  --su-line-paper: #faf9f4;
  --su-line-white: #fffefa;
  --su-line-rule: #d6dbd0;
  --su-line-soft: #eef1e9;
  --su-line-accent: #9c8054;
  --su-line-radius: 4px;
  --su-line-body: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
  --su-line-heading: 'Noto Serif TC', 'PMingLiU', serif;
}

/* Reuse the existing icon geometry; never restyle brand marks or scene SVGs. */
body[data-site-visual='20261023-line'] .ui-line-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Navigation keeps its existing dimensions, mobile overflow and route states. */
body[data-site-visual='20261023-line'] > .nav,
body[data-site-visual='20261023-line'][data-reading-page='catalog'] > .site-header,
body[data-site-visual='20261023-line'][data-reading-page='seller'] > .nav,
body[data-site-visual='20261023-line'].vvs-landing > .topbar {
  background: var(--su-line-paper) !important;
  border-bottom: 1px solid var(--su-line-rule) !important;
  box-shadow: none !important;
}
body[data-site-visual='20261023-line'] .nav-tabs :is(.nav-tab, .nav-more-trigger) {
  background: transparent !important;
  color: var(--su-line-text) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--su-line-body);
  font-weight: 500 !important;
}
body[data-site-visual='20261023-line'] .nav-tabs :is(.nav-tab.active, .nav-tab:hover, .nav-more-trigger.active) {
  color: var(--su-line-ink) !important;
  border-bottom-color: var(--su-line-ink) !important;
}
body[data-site-visual='20261023-line'] > .bottom-nav {
  background: var(--su-line-paper) !important;
  border-top: 1px solid var(--su-line-rule) !important;
  box-shadow: none !important;
}
body[data-site-visual='20261023-line'] .bottom-nav .bn-tab {
  color: var(--su-line-muted) !important;
  font-family: var(--su-line-body);
}
body[data-site-visual='20261023-line'] .bottom-nav .bn-tab.active {
  color: var(--su-line-ink) !important;
  background: var(--su-line-soft) !important;
}
body[data-site-visual='20261023-line'] > .nav .fg-nav-entry {
  background: transparent !important;
  color: var(--su-line-ink) !important;
  border: 1px solid var(--su-line-rule) !important;
  border-radius: var(--su-line-radius) !important;
  box-shadow: none !important;
  min-height: 44px;
}
body[data-site-visual='20261023-line'][data-reading-page='catalog'] .site-header > nav > a,
body[data-site-visual='20261023-line'].vvs-landing .toplinks > a,
body[data-site-visual='20261023-line'].vvs-landing .section-nav > a {
  color: var(--su-line-ink);
  font-family: var(--su-line-body);
  font-weight: 500;
  text-underline-offset: 5px;
}

/* The original reception uses rules and open space, rather than solid pills. */
body[data-site-visual='20261023-line'] #homeReception .hr-shortcuts a {
  min-height: 44px;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #c9d2c080 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f2eddf !important;
}
body[data-site-visual='20261023-line'] #homeReception .hr-enter {
  min-height: 44px;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #d5bb82 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #f3e5c6 !important;
}

/* Public reading sections only: explicit selectors avoid hidden admin forms. */
body[data-site-visual='20261023-line'] :is(
  #home-community-hub, .home-property-catalog, .ig-reels-section,
  .video-marketing-section, .seller-section, .faq-section,
  .listing-catalog-shell, #page-tools .section, #page-service .section
) {
  font-family: var(--su-line-body);
  color: var(--su-line-text);
}
body[data-site-visual='20261023-line'] :is(
  .hch-heading h2, .hch-copy > h3, .hef-lead,
  .home-property-head h2, .ig-reels-title, .video-marketing-title,
  .seller-lead-title, .faq-title, .section-hd > h2,
  .listing-catalog-hero-copy > h1, .listing-catalog-hero-copy > h2,
  #page-deals-db .dealdb-hero h1, #page-deals-db .dealdb-panel-head h2,
  #page-deals-db #dealDbWeeklyDistrictTitle
) {
  font-family: var(--su-line-heading) !important;
  font-weight: 500 !important;
  letter-spacing: .015em;
  text-shadow: none !important;
}
body[data-site-visual='20261023-line'] :is(
  .hch-kicker, .home-property-kicker, .ig-reels-kicker,
  .video-marketing-kicker, .seller-kicker, .listing-catalog-kicker
) {
  color: var(--su-line-muted) !important;
  font-family: var(--su-line-body);
  font-weight: 500 !important;
  letter-spacing: .12em;
}

/* Card and photo frames share one restrained radius; grids stay unchanged. */
body[data-site-visual='20261023-line'] :is(
  #home-community-hub .hch-card, .home-property-catalog .pch,
  .listing-catalog-grid .listing-catalog-card,
  #page-home .home-intent-card, #page-home .svc-card,
  #page-service .svc-card, #page-home .tool-card, #page-tools .tool-card,
  .ig-reels-grid .ig-reel-card, .video-marketing-inner .video-marketing-card,
  .seller-section .seller-card, .faq-inner .faq-item,
  #page-deals-db .dealdb-card, #page-deals-db .dealdb-guide-card,
  #page-deals-db .dealdb-weekly-district,
  #page-deals-db .dealdb-weekly-district-card
) {
  border: 1px solid var(--su-line-rule) !important;
  border-radius: var(--su-line-radius) !important;
  background: var(--su-line-white) !important;
  box-shadow: none !important;
}
body[data-site-visual='20261023-line'] :is(
  #home-community-hub .hch-cover, #home-community-hub .hef-cover,
  .home-property-catalog .pch-img, .listing-catalog-grid .listing-catalog-photo,
  .ig-reels-grid .ig-reel-frame, .vvs1-editorial-entry .vvs1-entry-art
) {
  border-radius: var(--su-line-radius) !important;
  box-shadow: none !important;
}
body[data-site-visual='20261023-line'] :is(
  #page-home .home-intent-card, #page-home .home-intent-card h3,
  #page-home .home-intent-card p, #page-home .home-intent-card .home-intent-cta,
  #page-home .tool-card .tool-title, #page-tools .tool-card .tool-title,
  #page-home .svc-card .svc-title, #page-service .svc-card .svc-title
) {
  color: var(--su-line-ink) !important;
  text-shadow: none !important;
}
/* These cards have older variant-specific !important colors in the shell. */
body[data-site-visual='20261023-line'] #page-home .home-intent-inner .home-intent-card {
  background: var(--su-line-white) !important;
  color: var(--su-line-ink) !important;
  border: 1px solid var(--su-line-rule) !important;
  border-radius: var(--su-line-radius) !important;
  box-shadow: none !important;
}
body[data-site-visual='20261023-line'] #page-home .home-intent-card[class] :is(b, span, .home-intent-cta) {
  color: var(--su-line-ink) !important;
}
body[data-site-visual='20261023-line'] #page-home .home-intent-card .intent-badge {
  background: transparent !important;
  color: var(--su-line-muted) !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-weight: 500;
}
body[data-site-visual='20261023-line'] #page-tools .tools-grid .tool-card,
body[data-site-visual='20261023-line'] #page-service .svc-grid .svc-card {
  background: var(--su-line-white) !important;
  border: 1px solid var(--su-line-rule) !important;
  border-radius: var(--su-line-radius) !important;
  box-shadow: none !important;
}
body[data-site-visual='20261023-line'] :is(
  #page-home .home-intent-card .home-intent-icon,
  #page-home .svc-card .svc-icon, #page-service .svc-card .svc-icon,
  #page-home .tool-card .tool-icon, #page-tools .tool-card .tool-icon
) {
  color: var(--su-line-ink) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
body[data-site-visual='20261023-line'] :is(
  #page-home .home-intent-card .home-intent-icon,
  #page-home .svc-card .svc-icon, #page-service .svc-card .svc-icon,
  #page-home .tool-card .tool-icon, #page-tools .tool-card .tool-icon
) svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.55 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Known calls to action only. Filter and pressed-state fills remain intact. */
body[data-site-visual='20261023-line'] :is(
  .home-property-catalog .pch-inquiry, .home-property-all,
  .listing-catalog-grid .listing-catalog-cta,
  .listing-filter-actions .listing-search-submit,
  #page-home .search-btn, #page-listings .search-btn,
  .video-marketing-inner .video-social-btn, .seller-section .seller-btn,
  #page-deals-db .dealdb-search-btn, #page-deals-db .dealdb-hero-btn
) {
  min-height: 44px !important;
  border-radius: var(--su-line-radius) !important;
  box-shadow: none !important;
  font-family: var(--su-line-body);
  font-weight: 500 !important;
}
body[data-site-visual='20261023-line'] :is(
  .listing-catalog-grid .listing-catalog-cta,
  .listing-filter-actions .listing-search-submit,
  #page-home .search-btn, #page-listings .search-btn,
  #page-deals-db .dealdb-search-btn
) {
  background: var(--su-line-ink) !important;
  color: var(--su-line-white) !important;
  border: 1px solid var(--su-line-ink) !important;
}
body[data-site-visual='20261023-line'] .video-marketing-inner .video-social-actions .video-social-btn {
  background: transparent !important;
  color: var(--su-line-ink) !important;
  border: 1px solid var(--su-line-rule) !important;
  filter: none !important;
}
body[data-site-visual='20261023-line'] :is(
  #home-community-hub .hch-links a, #home-community-hub .hef-actions > a,
  .ig-reels-links > a, .ig-reels-more, .listing-filter-chip,
  .listing-view-button, .listing-reset-btn, .listing-load-more,
  .home-property-chip
) {
  min-height: 44px !important;
  border-radius: var(--su-line-radius) !important;
  box-shadow: none !important;
  font-family: var(--su-line-body);
  font-weight: 500 !important;
}
body[data-site-visual='20261023-line'] :is(
  .listing-filter-chip, .listing-view-button, .home-property-chip
):not(.active):not([aria-pressed='true']):not([aria-selected='true']) {
  background: transparent !important;
  color: var(--su-line-text) !important;
  border-color: var(--su-line-rule) !important;
}
body[data-site-visual='20261023-line'] :is(
  #page-home .search-input, #page-home .sf-select,
  #page-listings .listing-search-input, #page-listings .listing-select-row select,
  #page-deals-db .dealdb-filters input, #page-deals-db .dealdb-filters select
) {
  min-height: 44px !important;
  border-radius: var(--su-line-radius) !important;
  border-color: var(--su-line-rule) !important;
  background-color: var(--su-line-white) !important;
  color: var(--su-line-text) !important;
  box-shadow: none !important;
  font-family: var(--su-line-body);
}

/* Standalone seller page: no effects on valuation tools or inquiry dialogs. */
body[data-site-visual='20261023-line'][data-reading-page='seller'] :is(.wrap, .content) {
  font-family: var(--su-line-body);
  color: var(--su-line-text);
}
body[data-site-visual='20261023-line'][data-reading-page='seller'] :is(.hero h1, .content h2) {
  font-family: var(--su-line-heading);
  font-weight: 500;
  letter-spacing: .015em;
}
body[data-site-visual='20261023-line'][data-reading-page='seller'] .content :is(.card, .deal-card, .seller-step, .report-example) {
  background: var(--su-line-white);
  border-color: var(--su-line-rule);
  border-radius: var(--su-line-radius);
  box-shadow: none;
}
body[data-site-visual='20261023-line'][data-reading-page='seller'] .wrap .btn {
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid var(--su-line-ink);
  border-radius: var(--su-line-radius);
  background: var(--su-line-ink);
  color: var(--su-line-white);
  font-family: var(--su-line-body);
  font-weight: 500;
  box-shadow: none;
}

/* Community journal and VVS1 editorial pages; never target the 3D explorer. */
body[data-site-visual='20261023-line'][data-reading-page='catalog'] > .shell,
body[data-site-visual='20261023-line'].vvs-landing > main {
  font-family: var(--su-line-body);
  color: var(--su-line-text);
}
body[data-site-visual='20261023-line'][data-reading-page='catalog'] .page-heading h1,
body[data-site-visual='20261023-line'][data-reading-page='catalog'] .growth-community-nav h2,
body[data-site-visual='20261023-line'].vvs-landing :is(.landing-hero h1, .static-content h2, .section-heading h2) {
  font-family: var(--su-line-heading);
  font-weight: 500;
  letter-spacing: .015em;
}
body[data-site-visual='20261023-line'][data-reading-page='catalog'] .shell :is(.community-card, .growth-service-link),
body[data-site-visual='20261023-line'].vvs-landing main :is(.content-card, .listing-card) {
  border: 1px solid var(--su-line-rule);
  border-radius: var(--su-line-radius);
  background: var(--su-line-white);
  box-shadow: none;
}
body[data-site-visual='20261023-line'][data-reading-page='catalog'] .community-card img,
body[data-site-visual='20261023-line'].vvs-landing :is(.hero-art, .listing-card img) {
  border-radius: var(--su-line-radius);
  box-shadow: none;
}
body[data-site-visual='20261023-line'][data-reading-page='catalog'] .shell .button,
body[data-site-visual='20261023-line'].vvs-landing .hero-actions :is(.cta, .contact-cta),
body[data-site-visual='20261023-line'].vvs-landing .listing-actions :is(a, button) {
  min-height: 44px;
  border-radius: var(--su-line-radius);
  font-family: var(--su-line-body);
  font-weight: 500;
  box-shadow: none;
}
body[data-site-visual='20261023-line'][data-reading-page='catalog'] .searchbar :is(input, select) {
  min-height: 44px;
  border: 1px solid var(--su-line-rule);
  border-radius: var(--su-line-radius);
  background: var(--su-line-white);
  color: var(--su-line-text);
  font-family: var(--su-line-body);
  box-shadow: none;
}

/* Clear keyboard feedback for the public components styled above. */
body[data-site-visual='20261023-line'] :is(
  .nav-tab, .nav-more-trigger, .bn-tab, .listing-catalog-cta,
  .listing-search-input, .listing-search-submit, .listing-filter-chip,
  .listing-view-button, .listing-reset-btn, .listing-load-more,
  .home-property-chip, .home-property-all, .pch-inquiry
):focus-visible,
body[data-site-visual='20261023-line'][data-reading-page='catalog'] .shell :is(.button, input, select):focus-visible,
body[data-site-visual='20261023-line'][data-reading-page='seller'] .wrap .btn:focus-visible {
  outline: 2px solid var(--su-line-accent) !important;
  outline-offset: 4px;
}
@media(max-width:640px) {
  body[data-site-visual='20261023-line'][data-reading-page='catalog'] .page-heading h1 {
    font-size: 28px;
    line-height: 1.55;
    letter-spacing: .01em;
  }
}

/* Small, text-first routes beside existing IG cards. */
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 22px;
  margin: 0;
  padding: 4px 13px 8px;
  border-top: 1px solid var(--su-line-rule, #d6dbd0);
  background: var(--su-line-white, #fffefa);
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--su-line-ink, #244b3d);
  font-family: var(--su-line-body, 'Noto Sans TC', sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-links a:hover {
  text-decoration-color: var(--su-line-accent, #9c8054);
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-links a:focus-visible {
  outline: 2px solid var(--su-line-accent, #9c8054);
  outline-offset: 3px;
}

/* The original iframe establishes the height; the cover adds no layout shift. */
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-player {
  position: relative;
  min-width: 0;
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-load {
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: 44px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 30px 24px;
  border: 0;
  border-bottom: 1px solid var(--su-line-rule, #d6dbd0);
  border-radius: 0;
  background: var(--su-line-paper, #faf9f4);
  color: var(--su-line-ink, #244b3d);
  font-family: var(--su-line-body, 'Noto Sans TC', sans-serif);
  text-align: center;
  box-shadow: none;
  cursor: pointer;
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-kicker {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .18em;
  color: var(--su-line-muted, #637166);
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-title {
  max-width: 18em;
  font-family: var(--su-line-heading, 'Noto Serif TC', serif);
  font-size: clamp(20px, 2vw, 25px);
  font-weight: 500;
  line-height: 1.7;
  text-wrap: balance;
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-load svg {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-load-note {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--su-line-muted, #637166);
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-load:hover svg {
  color: var(--su-line-accent, #9c8054);
}
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-load:focus-visible {
  outline: 2px solid var(--su-line-accent, #9c8054);
  outline-offset: -8px;
}
/* Keep an unloaded text cover compact; restore the original embed height on click. */
body[data-site-visual='20261023-line'] .ig-reels-section .cc-reel-player:has(.cc-reel-load) .ig-reel-frame {
  height: 300px !important;
  min-height: 300px !important;
}

/* Tax result actions use the site's existing line work and green / warm-white palette. */
body .trs-tools{margin:18px 0 22px;padding:16px 0 0;border-top:1px solid #d6ddd2;color:#274b39;clear:both;min-width:0;max-width:100%}
body .trs-tools[hidden],body .trs-tools [hidden]{display:none!important}
body .trs-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
body :is(#pt-tax,#expense-result,#modeReversePanel) .trs-tools .trs-actions button{display:inline-flex;flex:1 1 180px;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:46px;margin:0;padding:11px 15px;border:1px solid #b8c7b8;border-radius:4px!important;background:#fffefa;color:#254b39;font:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.02em;box-shadow:none;text-align:center;cursor:pointer;touch-action:manipulation}
body :is(#pt-tax,#expense-result,#modeReversePanel) .trs-tools .trs-actions .trs-copy{background:#2b513e;border-color:#2b513e;color:#fffefa}
body .trs-tools .trs-actions button svg{width:20px;height:20px;flex:none;display:block}
body .trs-tools .trs-actions button:disabled{opacity:.6;cursor:wait}
body .trs-tools .trs-actions button:focus-visible,body .trs-tools a:focus-visible,body .trs-tools textarea:focus-visible{outline:2px solid #8b784e;outline-offset:3px}
body .trs-status{font-size:13px;line-height:1.8;letter-spacing:0;margin:9px 0 0;overflow-wrap:anywhere;color:#3d614a}
body .trs-status:empty{display:none}
body .trs-scope{margin:0 0 10px;color:#576b5b;font-size:13px;line-height:1.8;letter-spacing:0}
body .trs-tools .trs-fallback{box-sizing:border-box;display:block;width:100%;min-height:210px;max-height:380px;margin:12px 0 0;padding:12px;border:1px solid #b8c7b8;border-radius:6px;background:#fffefa;color:#243c2d;font:inherit;font-size:14px;line-height:1.8;resize:vertical;white-space:pre-wrap}
body .trs-tools .trs-download{display:inline-block;min-height:44px;margin-top:7px;padding:10px 0;color:#31583f;font-size:13px;line-height:1.8;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(hover:hover){body :is(#pt-tax,#expense-result,#modeReversePanel) .trs-tools .trs-actions button:hover{border-color:#31583f;background:#edf1e8}body :is(#pt-tax,#expense-result,#modeReversePanel) .trs-tools .trs-actions .trs-copy:hover{background:#234431;color:#fffefa}}
@media(max-width:380px){body .trs-actions{gap:8px}body :is(#pt-tax,#expense-result,#modeReversePanel) .trs-tools .trs-actions button{flex-basis:100%;min-height:46px;font-size:14px}}
@media print{body .trs-tools{display:none!important}}