/* Vanguard Properties: blog, guides and inner pages. Builds on site.css (same colours, fonts and buttons). */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;z-index:200;left:12px;top:12px;padding:10px 16px;background:var(--paper);border:1px solid var(--gold);border-radius:10px}
.vg-main{padding-top:calc(env(safe-area-inset-top,0px) + 96px);min-height:60vh}
.vg-inner .wa-float{opacity:1;transform:none}
.vg-page-head{padding:clamp(40px,6vw,80px) 0 clamp(26px,4vw,46px);background:linear-gradient(180deg,var(--parchment),var(--paper))}
.vg-page-head h1{font-size:clamp(2.4rem,5.6vw,4.4rem);max-width:22ch;margin:6px 0 18px}
.vg-page-head .lede{margin:0}
.vg-kicker{margin:0;font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dk)}
.vg-meta-line{margin:18px 0 0;font-size:.9rem;color:var(--ink-2)}
.vg-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 22px;padding:0;font-size:.86rem;color:var(--ink-2)}
.vg-crumbs li+li::before{content:"›";margin-right:6px;opacity:.6}
.vg-crumbs a{text-decoration:none}.vg-crumbs a:hover{text-decoration:underline}
.vg-page-body,.vg-list{padding:clamp(40px,6vw,80px) 0}
.vg-feature{margin:0 auto clamp(10px,2vw,20px)}
.vg-feature img{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:var(--r-l,22px);display:block}
.vg-article-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:clamp(30px,6vw,80px);align-items:start}
@media (max-width:900px){.vg-article-grid{grid-template-columns:1fr}}
/* readable article text */
.vg-prose{max-width:72ch;font-size:1.06rem}
.vg-prose>*:first-child{margin-top:0}
.vg-prose h2{font-size:clamp(1.9rem,3.4vw,2.6rem);margin:1.6em 0 .5em}
.vg-prose h3{font-size:clamp(1.4rem,2.4vw,1.8rem);margin:1.4em 0 .4em}
.vg-prose p,.vg-prose ul,.vg-prose ol{margin:0 0 1.1em}
.vg-prose a{color:var(--gold-dk);text-underline-offset:3px}
.vg-prose img{max-width:100%;height:auto;border-radius:14px}
.vg-prose blockquote{margin:1.4em 0;padding:.4em 0 .4em 1.2em;border-left:2px solid var(--gold);font:500 1.35rem/1.4 var(--serif)}
.vg-prose table{width:100%;border-collapse:collapse;font-size:.95rem;margin:1.2em 0}
.vg-prose th,.vg-prose td{border-bottom:1px solid var(--line);padding:.6em .5em;text-align:left;vertical-align:top}
.vg-prose .vg-answer,.vg-prose .is-style-answer{padding:18px 22px;border-radius:16px;background:linear-gradient(120deg,rgba(231,200,120,.18),transparent 70%),var(--surface);border:1px solid rgba(184,134,47,.35)}
.vg-prose figure{margin:1.4em 0}
.vg-prose .wp-block-button__link{border-radius:999px;background:var(--gold-grad);color:#3A2212;text-decoration:none;padding:.85em 1.5em}
/* cards */
.vg-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:0 0 30px}
.vg-card{border-radius:var(--r-m,18px);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .6s var(--ease),box-shadow .4s}
.vg-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px -30px rgba(62,28,6,.45)}
.vg-card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.vg-card-img img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;height:auto}
.vg-card-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.vg-card .kind{font-size:.8rem;font-weight:500;color:var(--gold-dk)}
.vg-card-t{font-size:1.55rem;line-height:1.12}
.vg-card-x{color:var(--ink-2);font-size:.95rem}
.vg-card .when{margin-top:auto;font-size:.82rem;color:var(--ink-2)}
.vg-related h2,.vg-list h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:28px}
/* side boxes, facts, author */
.vg-side-cta{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--r-l,22px);border:1px solid rgba(184,134,47,.35);background:linear-gradient(120deg,rgba(231,200,120,.16),transparent 60%),var(--surface)}
.vg-side-cta h2{font-size:1.8rem}.vg-side-cta p{margin:0}
.vg-portrait img{width:100%;height:auto;border-radius:16px;display:block}
.vg-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 24px;margin:0 0 20px}
.vg-facts div{padding:14px 0;border-bottom:1px solid var(--line)}
.vg-facts dt{font-size:.8rem;color:var(--ink-2)}.vg-facts dd{margin:4px 0 0;font-weight:500}
.vg-author{display:flex;gap:16px;align-items:center;padding:22px;border-radius:var(--r-m,18px);border:1px solid var(--line);background:var(--surface);position:sticky;top:110px}
.vg-author-ph img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block}
.vg-author-n{margin:2px 0;font:500 1.4rem/1.2 var(--serif)}.vg-author-n a{text-decoration:none}
.vg-author p{margin:0}
.vg-inner-cta{margin:0 auto clamp(60px,8vw,100px)}
.vg-faq-page{max-width:900px}
.vg-search{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.vg-search input{min-height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;min-width:min(420px,100%)}
.nav-links a[aria-current="page"]{background:rgba(184,134,47,.14)}
.pagination .nav-links,.navigation.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);text-decoration:none}
.pagination .page-numbers.current{background:var(--gold-grad);color:#3A2212;border-color:transparent}
.vg-comments{max-width:72ch;margin-bottom:60px}
/* custom sections on the home page */
.vg-custom .vg-prose{max-width:none}
.vg-custom .head{grid-template-columns:1fr}
.vg-all-guides{margin-top:28px}
@media (max-width:700px){.vg-main{padding-top:calc(env(safe-area-inset-top,0px) + 84px)}.vg-side-cta,.vg-author{position:static}}
/* property search and listing pages */
.lst-filter{display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr)) auto;gap:0;align-items:stretch;background:var(--surface);border:1px solid rgba(184,134,47,.3);border-radius:22px;padding:6px;box-shadow:0 24px 50px -36px rgba(62,28,6,.4)}
.lst-filter>label{display:flex;flex-direction:column;justify-content:center;padding:4px 14px;border-left:1px solid var(--line);font-size:.74rem;color:var(--ink-2);font-weight:500;min-width:0}
.lst-filter select,.lst-filter input[type=text],.lst-sort select{background:transparent;border:0;color:var(--ink);font:500 16px var(--sans);padding:2px 0;min-height:30px;min-width:0;width:100%}
.lst-filter select:focus-visible,.lst-filter input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.lst-seg{display:flex;gap:2px;padding:3px;background:var(--parchment);border-radius:16px}
.lst-seg label{position:relative;display:flex}
.lst-seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.lst-seg span{white-space:nowrap;color:var(--ink-2);font:500 .95rem var(--sans);padding:.6em .95em;border-radius:13px;min-height:44px;display:flex;align-items:center}
.lst-seg input:checked+span{background:var(--gold-grad);color:var(--gold-ink)}
.lst-seg input:focus-visible+span{outline:2px solid var(--gold);outline-offset:1px}
.lst-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;flex-wrap:wrap}
.lst-found{margin:0;font:500 1.05rem var(--sans)}
.lst-sort label{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--ink-2)}
.lst-sort select{width:auto;border:1px solid var(--line);border-radius:999px;padding:.4em 1em}
.lst-empty{margin:30px 0;padding:clamp(26px,4vw,44px);border:1px dashed rgba(184,134,47,.45);border-radius:var(--r-l,22px);background:var(--parchment);text-align:center}
.lst-empty h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 10px}
.lst-empty .btn{margin:6px}
.lst-pages{margin:34px 0 10px}
.lst-pages .nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.lst-pages .page-numbers{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;border:1px solid var(--line);text-decoration:none}
.lst-pages .page-numbers.current{background:var(--gold-grad);color:var(--gold-ink);border-color:transparent}
.lst-price-big{font:500 clamp(1.6rem,3vw,2.2rem)/1 var(--serif);color:var(--gold-dk)}
.lst-gallery{position:relative;margin-bottom:clamp(10px,2vw,20px)}
.lst-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--r-l,22px);scrollbar-width:none;background:var(--parchment)}
.lst-track::-webkit-scrollbar{display:none}
.lst-slide{flex:0 0 100%;margin:0;scroll-snap-align:start;aspect-ratio:16/9;max-height:640px}
.lst-slide img{width:100%;height:100%;object-fit:cover;display:block}
.lst-gal-ui{position:absolute;right:calc(var(--pad) + 14px);bottom:14px;display:flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:rgba(20,12,6,.6);color:#FFF8EC;font:500 .85rem var(--sans)}
.lst-gal-ui button{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,248,236,.16);color:#FFF8EC;font-size:1.05rem;cursor:pointer}
.lst-gal-ui button:hover{background:rgba(255,248,236,.32)}
.lst-gal-n{min-width:54px;text-align:center;font-variant-numeric:tabular-nums}
.lst-sub{font-size:clamp(1.6rem,3vw,2.1rem);margin:1.4em 0 .5em}
.lst-feats{columns:2 220px;gap:24px;padding:0;margin:0 0 1.4em;list-style:none}
.lst-feats li{break-inside:avoid;padding:8px 0 8px 22px;border-bottom:1px solid var(--line);position:relative}
.lst-feats li::before{content:"";position:absolute;left:2px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--gold-grad)}
.lst-links{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1100px){.lst-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.lst-filter .lst-seg{grid-column:1/-1}.lst-filter>label{border-left:0;border-top:1px solid var(--line);padding:10px 12px}.lst-filter .btn{grid-column:1/-1;margin-top:6px}}
@media (max-width:560px){.lst-filter{grid-template-columns:1fr 1fr}.lst-seg label{flex:1}.lst-seg span{justify-content:center;width:100%}}