/* 14 November 2026 — design and accessibility refinement.
   This is a presentation-only layer: no auction math, permissions, schemas,
   user identification, payments, or property-detail templates are changed.
   Uses the existing theme variables so the licensed font/media editor still works. */
:root {
  --finish-outline:#16988c;
  --finish-separator:#d9e9e4;
  --finish-muted:#4b6d71;
  --finish-radius:10px;
}
body { text-rendering:optimizeLegibility; }
#main-content { min-width:0; }
/* Consistent accessible focus handling for all public/admin controls. */
:where(a,button,input,textarea,select,summary,[role="button"]):focus-visible {
  outline:3px solid var(--finish-outline) !important;
  outline-offset:3px;
}
:where(.home-dark,.page-hero,.ref26-link-section,.footer) a:focus-visible,
:where(.home-dark,.page-hero,.ref26-link-section,.footer) button:focus-visible {outline-color:#ffca35!important;}
/* Header/navigation closer to the restrained two-tier reference. */
.utility-inner {gap:clamp(12px,1.8vw,27px)}
.main-header {box-shadow:0 1px 0 #dfece8}
.primary-nav {gap:clamp(14px,1.5vw,26px)}
.primary-nav a {transition:color .18s ease}
.primary-nav>a[aria-current="page"],
.primary-nav>.nav-popover-wrap>a[aria-current="page"] {color:#057f79}
.primary-nav>a[aria-current="page"]:after,
.primary-nav>.nav-popover-wrap>a[aria-current="page"]:after {
  content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:#1bada0;border-radius:5px;
}
.primary-nav>a,.primary-nav>.nav-popover-wrap>a {position:relative}
.nav-dropdown {border:1px solid #e1eeea;box-shadow:0 17px 43px #012e3940}
.nav-dropdown a:hover {background:#eff9f4}
.header-actions .btn-primary {font-size:12px;box-shadow:none}
/* Lead visual: better line breaking and deliberate search-field proportions. */
.home-dark {background:#00343e}
.hero-copy h1 {text-wrap:balance}
.hero-copy p {text-wrap:pretty}
.reference-search {border:1px solid #e5f1ed;box-shadow:0 13px 32px #00293030}
.reference-search .search-field {min-width:0}
.reference-search .search-field input::placeholder {color:#778a8e}
.reference-filter-trigger {background:#fff;color:#06424b}
.reference-filter-trigger:hover {background:#eef8f5}
.reference-search .search-submit {box-shadow:none}
.home-intros.home-reference-tiles .intro-card {
  display:flex;flex-direction:column;align-items:flex-start;
  border:1px solid rgba(226,242,235,.95);
  box-shadow:0 9px 24px #001f2830;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-intros.home-reference-tiles .intro-card:hover,
.home-intros.home-reference-tiles .intro-card:focus-within {
  transform:translateY(-3px);border-color:#a0d9be;box-shadow:0 16px 36px #001f2835;
}
.home-intros.home-reference-tiles .intro-card p {line-height:1.72}
.home-intros.home-reference-tiles .intro-card .btn {margin-top:auto;min-height:37px}
/* Statistics and section heading visual rhythm. */
.stats-section {padding-block:clamp(49px,5.5vw,76px)}
.stat-number {font-variant-numeric:tabular-nums}
.stat-label {line-height:1.4}
.section-heading h2,.ref26-heading h2 {text-wrap:balance}
.section-heading {align-items:end}
.section-heading .btn {flex-shrink:0}
/* Property results cards: strong scan order while keeping bid actions familiar. */
.property-card {border-radius:9px;border-color:#dbe9e5;box-shadow:0 6px 21px #002f390d}
.property-card:hover {box-shadow:0 16px 35px #002f3922}
.property-picture {background:#d6e9e4}
.property-card .property-meta {gap:7px}
.property-card .property-meta span {font-weight:800}
.property-card h3 {font-size:18px;line-height:1.35}
.property-card .property-location {line-height:1.55;color:#4d7376}
.property-brief {border-color:#e4eeea;gap:12px;flex-wrap:wrap}
.property-bottom {border-color:#e1ece9;align-items:center}
.property-bottom .bid-value {font-size:clamp(21px,1.8vw,25px)}
.property-bottom .btn-primary {white-space:nowrap;box-shadow:none}
.save-btn {transition:transform .16s,background .16s}
.save-btn:hover {transform:scale(1.08);background:#f2faf4}
/* Filters: readable hierarchy and grouped options. */
.results-side-panel {background:#fff;border-color:#dceae7;border-radius:9px}
.side-filter-accordion summary {padding-block:18px}
.side-filter-accordion summary:hover {color:#067e78}
.side-filter-option {align-items:flex-start;line-height:1.5}
.side-filter-option input {margin-top:3px;accent-color:#0b928a}
.results-title-row {gap:16px}
.results-title-row h2 {letter-spacing:-.04em}
.side-clear-btn {text-underline-offset:3px}
.ref27-search-location-note {gap:15px}
.ref27-search-location-note button {white-space:nowrap}
/* Editorial archive: make image, category, title and reading action distinct. */
.ref26-resources {background:#fff}
.ref26-resources .news-card {border-radius:9px;box-shadow:0 7px 24px #0c41430d}
.ref26-resources .news-card:hover {box-shadow:0 17px 35px #0c414325}
.ref26-resources .news-card-body {padding:22px 21px 24px}
.ref26-resources .news-card h3 {font-size:clamp(18px,1.42vw,21px);min-height:5.3em;letter-spacing:-.027em;line-height:1.37}
.ref26-resources .news-meta {border-bottom:1px solid #edf3ef;padding-bottom:13px;gap:12px;min-height:44px}
.ref26-resources .news-card .text-link {border-top:1px solid #edf3ef;padding-top:14px;width:100%;justify-content:space-between}
.ref26-resources .resource-controls {gap:9px}
.ref26-resources .category-chip {border-radius:999px;font-size:12px}
.cms-archive-caption {font-size:12px;margin-bottom:24px}
.cms-pagination {margin-top:39px}
.cms-pagination button {border-radius:6px}
.ref27-article-body>p {max-width:75ch}
/* Buying/selling/explained: more consistent grid, timeline and alternating panels. */
.ref26-benefits {padding-block:clamp(58px,6vw,86px)}
.ref26-benefit-grid {gap:17px}
.ref26-benefit {border-radius:10px;padding:25px 22px;min-height:230px;transition:transform .18s,border-color .18s}
.ref26-benefit:hover {transform:translateY(-3px);border-color:#b2dec6}
.ref26-benefit-icon {width:55px;height:55px;margin-bottom:19px}
.ref26-benefit h3 {font-size:19px;line-height:1.32}
.ref26-benefit p {font-size:13.5px;line-height:1.75}
.ref26-image-section {padding-block:clamp(56px,7vw,94px)}
.ref26-feature {gap:clamp(28px,5vw,76px)}
.ref26-feature-copy h2 {font-size:clamp(30px,3.45vw,47px);text-wrap:balance}
.ref26-feature-copy p {line-height:1.8}
.ref26-feature-image {height:clamp(310px,31vw,410px);border-radius:11px}
.ref26-feature-image img {object-fit:cover}
.ref26-link-section {background:#003941}
.ref26-link-grid a {border-radius:8px;border:1px solid #e5efeb;min-height:107px}
.ref26-process-section {padding-block:clamp(60px,7vw,93px)}
.ref26-timeline {row-gap:20px;column-gap:20px}
.ref26-process-step {border-radius:9px;gap:16px;padding:22px 20px;min-height:132px}
.ref26-process-mark {width:49px;min-width:49px;height:49px}
.ref26-process-body p {font-size:13.5px}
.ref26-guide-card {border-radius:10px}
.ref26-guide-photo {height:213px}
.ref26-method-grid article {border-radius:10px}
/* Account and admin controls: more cohesive presentation, no backend changes. */
.modal {box-shadow:0 28px 75px #001e2c50}
.modal-close {transition:background .18s}
.modal-close:hover {background:#d6ede5}
.portal-form-card,.portal-case {border-color:#d6e8e2;border-radius:10px}
.portal-process>div {background:#f1faf5;border-left-color:#169988}
.portal-case-head {border-bottom:1px solid #e5f0ea;padding-bottom:13px}
.portal-thread {background:#f8fbf9;border-radius:9px}
.cms-admin-nav {gap:9px;flex-wrap:wrap}
.cms-admin-nav a {border-radius:8px;transition:background .16s,border-color .16s}
.cms-admin-nav a:hover {background:#e8f8f1}
/* Footer layout reflects the reference's three information groups plus contact. */
.footer {background:#002f37}
.footer-columns.footer-reference {column-gap:clamp(18px,3vw,56px)}
.footer-accordion summary {cursor:pointer}
.footer .footer-links a:hover,.footer-contact a:hover {color:#afe8b4}
.footer-bottom {padding-top:24px}
.footer-bottom>p {max-width:870px}
.footer-back-to-top {display:inline-flex;align-items:center;gap:6px;border:1px solid #6b9697;
 color:#e6fcf5;background:transparent;padding:9px 13px;border-radius:7px;font-size:11px;font-weight:800}
.footer-back-to-top:hover {background:#164e53}
/* More deliberate tablet and narrow phone layouts. */
@media (max-width:1120px) {
 .primary-nav {gap:13px}
 .primary-nav a {font-size:11.5px}
 .ref26-benefit-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .ref26-benefit-grid.ref26-benefit-3 {grid-template-columns:repeat(3,minmax(0,1fr))}
 .ref26-guide-grid {gap:14px}
 .ref26-guide-card>div:last-child {padding-inline:20px}
}
@media (max-width:900px) {
 .ref26-feature {grid-template-columns:1fr;gap:26px}
 .ref26-feature-copy,.ref26-feature-reverse .ref26-feature-copy {order:1;max-width:none}
 .ref26-feature-image,.ref26-feature-reverse .ref26-feature-image {order:2;height:clamp(250px,52vw,370px)}
 .ref26-method-grid {gap:15px}
 .ref26-method-body {padding:24px 22px}
 .ref26-timeline {grid-template-columns:1fr 1fr}
}
@media (max-width:740px) {
 .container {width:min(calc(100% - 32px),var(--container))}
 .home-intros.home-reference-tiles {gap:12px}
 .home-intros.home-reference-tiles .intro-card {padding:22px 19px;min-height:188px}
 .home-intros.home-reference-tiles .intro-card h3 {font-size:17px}
 .home-intros.home-reference-tiles .intro-card p {font-size:12px}
 .reference-search .search-field label {font-size:10px}
 .section {padding-block:57px}
 .section-heading {align-items:start;flex-wrap:wrap;gap:14px}
 .section-heading h2 {font-size:clamp(26px,6.5vw,34px)}
 .stats-section {padding-block:38px}
 .stats-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 .stat {border-right:1px solid #dceae6;border-bottom:none!important;padding:14px 9px}
 .stat:last-child {border-right:none}
 .stat-number {font-size:clamp(25px,6vw,35px)}
 .stat-label {font-size:10px;line-height:1.45}
 .property-results-layout {gap:18px}
 .ref26-benefit-grid,.ref26-benefit-grid.ref26-benefit-3 {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .ref26-benefit {padding:20px 16px;min-height:0}
 .ref26-benefit h3 {font-size:16px}
 .ref26-benefit p {font-size:12px}
 .ref26-benefit-icon {width:45px;height:45px}
 .ref26-timeline {grid-template-columns:1fr;gap:13px}
 .ref26-process-step {min-height:0}
 .ref26-guide-grid {grid-template-columns:1fr}
 .ref26-guide-photo {height:200px}
 .ref26-method-grid {grid-template-columns:1fr}
 .ref26-resources .news-card h3 {min-height:0}
 .ref26-resources .news-card-body {padding:18px}
 .ref26-resources .news-meta {min-height:0}
 .ref27-search-location-note {flex-wrap:wrap}
 .footer-columns.footer-reference {gap:16px}
 .footer-bottom {align-items:start}
}
@media (max-width:480px) {
 .home-dark {padding-bottom:44px}
 .home-intros.home-reference-tiles {grid-template-columns:1fr 1fr!important}
 .home-intros.home-reference-tiles .intro-card {padding:17px 14px;min-height:202px}
 .home-intros.home-reference-tiles .intro-card h3 {font-size:15px;margin-bottom:8px}
 .home-intros.home-reference-tiles .intro-card p {font-size:11px;line-height:1.58;margin-bottom:13px}
 .home-intros.home-reference-tiles .intro-card .btn {font-size:10px;white-space:normal;text-align:center;padding:8px 11px;min-height:34px}
 .ref26-benefit-grid,.ref26-benefit-grid.ref26-benefit-3 {grid-template-columns:1fr}
 .ref26-benefit {padding:20px 19px}
 .ref26-benefit p {font-size:13px}
 .ref26-benefit-icon {margin-bottom:10px}
 .ref26-feature-copy h2 {font-size:31px}
 .ref26-feature-image {height:240px}
 .ref26-resources .cms-news-photo {height:205px}
 .ref26-resources .news-card h3 {font-size:19px}
 .property-bottom {gap:10px;padding:15px 14px}
 .property-bottom .btn {font-size:11px;padding:10px 11px}
 .property-content {padding:17px 15px}
 .footer-bottom {gap:12px}
}
@media (max-width:340px) {
 .home-intros.home-reference-tiles {grid-template-columns:1fr!important}
 .home-intros.home-reference-tiles .intro-card {min-height:0}
 .stats-grid {grid-template-columns:1fr}
 .stat {border-right:0;border-bottom:1px solid #dceae6!important}
}
@media (prefers-reduced-motion:reduce) {
 .home-intros.home-reference-tiles .intro-card,
 .ref26-benefit,.property-card,.save-btn {transition:none!important;transform:none!important}
}
/* The original site presents guide cards with comfortable reading space on phones. */
@media (max-width:480px) {
 .home-intros.home-reference-tiles {grid-template-columns:1fr!important;gap:10px}
 .home-intros.home-reference-tiles .intro-card {
   display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:9px;
   align-items:start;min-height:0;padding:18px 19px;
 }
 .home-intros.home-reference-tiles .intro-card h3 {grid-column:1/-1;font-size:18px;line-height:1.3;margin:0}
 .home-intros.home-reference-tiles .intro-card p {grid-column:1;grid-row:2;font-size:13px;line-height:1.55;margin:0}
 .home-intros.home-reference-tiles .intro-card .btn {grid-column:2;grid-row:2;align-self:center;font-size:11px;max-width:132px;min-width:106px}
}
@media (max-width:365px) {
 .home-intros.home-reference-tiles .intro-card {grid-template-columns:1fr}
 .home-intros.home-reference-tiles .intro-card p,.home-intros.home-reference-tiles .intro-card .btn{grid-column:1;grid-row:auto}
 .home-intros.home-reference-tiles .intro-card .btn{justify-self:start}
}
/* Final phone review: prevent copy/CTA competition; keep each card easy to scan. */
@media(max-width:480px) {
 .home-intros.home-reference-tiles .intro-card {
   display:flex!important;flex-direction:column!important;align-items:flex-start!important;
   min-height:0!important;padding:19px 21px!important;gap:0!important;
 }
 .home-intros.home-reference-tiles .intro-card h3 {
   grid-column:auto;grid-row:auto;font-size:17px;margin:0 0 9px;
 }
 .home-intros.home-reference-tiles .intro-card p {
   grid-column:auto;grid-row:auto;font-size:12.5px;line-height:1.62;
   margin:0 0 16px;max-width:45ch;
 }
 .home-intros.home-reference-tiles .intro-card .btn {
   grid-column:auto;grid-row:auto;max-width:none;min-width:0;
   justify-self:auto;align-self:flex-start;white-space:nowrap;font-size:11px;
   padding:10px 16px;min-height:37px;
 }
}