/* The card is already the link; its closing invitation should read as text. */
html[data-design-palette] body .property .view-property,
html[data-design-palette] body .property .view-property:is(:hover,:focus-visible,:active),
html[data-design-palette] body .property:is(:hover,:focus-visible,:active) .view-property,
html[data-design-palette] body .property-search-page .property-grid .property .view-property,
html[data-design-palette] body .property-search-page .property-grid .property:is(:hover,:focus-visible,:active) .view-property {
  display:inline-block;
  width:fit-content;
  max-width:100%;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#171717;
  font-size:var(--property-action-font, 16px);
  font-weight:500;
  line-height:1.5;
  text-decoration-line:underline;
  text-decoration-color:var(--dv-brass, #CDA14F);
  text-decoration-thickness:1px;
  text-underline-offset:.25em;
  transition:color var(--property-action-duration, 160ms) ease, text-decoration-color var(--property-action-duration, 160ms) ease;
}

html[data-design-palette] body .property:is(:hover,:focus-visible,:active) .view-property,
html[data-design-palette] body .property-search-page .property-grid .property:is(:hover,:focus-visible,:active) .view-property {
  color:#785516;
  text-decoration-color:currentColor;
}

@media(max-width:650px) {
  .property {--property-action-font:17px;}
}

@media(prefers-reduced-motion:reduce) {
  .property {--property-action-duration:0s;}
}
