.vs{--vs-forest:#173f31;--vs-line:#d4dfd0;--vs-soft:#edf3e7;--vs-muted:#536958;padding-block:22px 64px;color:#183327}
.vs *, .vs *::after{box-sizing:border-box}
.vs :is(h1,h2,h3,h4,p){margin:0}
.vs :is(button,select,textarea,input){font:inherit}
.vs :is(a,button,select){cursor:pointer}
.vs :is(a,button,select,textarea,input):focus-visible{outline:3px solid #658e41;outline-offset:3px}
.vs-crumb{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--vs-muted);margin-bottom:15px}
.vs-crumb a:hover,.vs-card-link:hover,.vs-text-button:hover{text-decoration:underline}
.vs-hero{display:grid;grid-template-columns:1.3fr .9fr;position:relative;border-radius:20px;overflow:hidden;color:#fff;background:var(--vs-forest);isolation:isolate}
.vs-hero-copy{padding:clamp(27px,4.2vw,65px);position:relative;z-index:1}
.vs-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;font-weight:800;color:#49604e}
.vs-hero .vs-eyebrow{color:#daecae}
.vs-tricolor{width:24px;height:15px;border-radius:2px;background:linear-gradient(#fff 0 33.33%,#00966e 33.33% 66.67%,#d62627 66.67%);box-shadow:0 0 0 1px #ffffff38}
.vs-hero h1{max-width:19ch;margin:16px 0 14px;font-size:clamp(36px,4.2vw,67px);font-weight:560;line-height:1.06;letter-spacing:-.055em;overflow-wrap:break-word}
.vs-hero-copy>p{color:#eef3e9;font-size:clamp(14px,1.2vw,17px);line-height:1.6;max-width:55ch}
.vs-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.vs-hero .vs-actions{margin-top:25px}
.vs-hero-art{background:linear-gradient(90deg,#173f31,transparent 34%),linear-gradient(0deg,#173f3150,#173f311f),url("media/urban.webp") 50% 50%/cover}
html[dir=rtl] .vs-hero-art{background-image:linear-gradient(270deg,#173f31,transparent 34%),linear-gradient(0deg,#173f3150,#173f311f),url("media/urban.webp")}
.vs-hero-art.vs-bg-art,html[dir=rtl] .vs-bg-art{display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 62% 46%,#528067 0%,#2c5744 46%,#173f31 75%)}
.vs-bg-art::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 55% 49%,transparent 0 19px,#cedfba29 20px,transparent 21px 31px);mask-image:radial-gradient(ellipse closest-side,#000 30%,#0007 75%,transparent)}
.vs-country-mark{display:grid;place-items:center;position:relative;border:1px solid #d6e6c39c;outline:1px dashed #d6e6c34f;outline-offset:9px;width:clamp(110px,14vw,175px);aspect-ratio:1;border-radius:50%;font-size:clamp(52px,6vw,82px);font-weight:500;letter-spacing:-.07em;text-indent:-.07em;line-height:1;color:#e3efd8;background:#335d45;box-shadow:0 0 0 5px #2d59417a}
.vs-button,.vs-hero-link,.vs-card-link,.vs-text-button{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.45;font-weight:700;color:var(--vs-forest);padding:0}
.vs-button{background:var(--vs-forest);color:#fff;border:1px solid transparent;border-radius:9px;min-height:42px;padding:9px 16px;font-size:13px}
.vs-button:hover{background:#285a43}
.vs-lime{background:#d9ed9d;color:#173f31}.vs-lime:hover{background:#e5f5b5}
.vs-outlined{border-color:#b5c6b0;background:#fff;color:var(--vs-forest)}.vs-outlined:hover{background:#f0f4ed}
.vs-hero-link{color:#eff6e6;font-size:13px;min-height:42px;padding:5px 8px}
.vs-hero-link:hover{text-decoration:underline}
.vs-guide,.vs-brief{margin-top:clamp(32px,4vw,58px)}
.vs-guidehead{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px}
.vs :is(h2,h3){font-weight:600;line-height:1.14;letter-spacing:-.04em}
.vs h2{font-size:clamp(25px,2.6vw,40px);margin-top:7px;scroll-margin-block-start:18px}
.vs h3{font-size:clamp(22px,2vw,31px)}
.vs .vs-intro,.vs-brief-copy p{margin-top:9px;max-width:80ch;color:var(--vs-muted);font-size:14px;line-height:1.65}
.vs-checked{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px;color:#516651;font-size:11px}
.vs-filters{display:grid;grid-template-columns:1.1fr .9fr;max-width:720px;gap:14px;margin:20px 0}
.vs-field{display:grid;gap:6px;min-width:0}
.vs-field>span,.vs-topics legend{color:#294530;font-size:13px;font-weight:700;line-height:1.45}
.vs-field :is(select,textarea){width:100%;min-width:0;color:#203b2b;border:1px solid #beceba;border-radius:8px;background:white;min-height:43px;padding:10px 12px;font-size:14px}
.vs-field select{padding-inline-end:22px}
.vs-field textarea{resize:vertical;line-height:1.55;min-height:90px}
.vs-field textarea::placeholder{color:#6e796f}
.vs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
.vs-card:only-child{max-width:65ch}
.vs-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--vs-line);border-radius:14px;background:#fff;padding:clamp(15px,1.6vw,24px)}
.vs-cardtop{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px;color:#526754;font-size:13px;font-weight:650}
.vs-iso{display:inline-grid;place-items:center;height:31px;min-width:35px;background:var(--vs-soft);border:1px solid #d4dfc9;border-radius:6px;font-size:12px;font-weight:800;letter-spacing:.07em;color:#3d6037}
.vs-badge{align-self:start;font-size:11px;font-weight:650;color:#477341}
.vs .vs-card h3{font-size:clamp(19px,1.75vw,27px);line-height:1.18;margin-top:6px}
.vs-card>p{color:var(--vs-muted);font-size:14px;line-height:1.6;margin:9px 0 19px}
.vs-source{display:grid;gap:4px;margin-top:auto;padding:15px 0 13px;border-top:1px solid var(--vs-line);font-size:11px;line-height:1.5;color:var(--vs-muted)}
.vs-source a{display:inline-flex;align-items:center;gap:3px;color:#235431;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.vs-card-link{justify-content:space-between;border-top:1px solid var(--vs-line);width:100%;min-height:37px;padding-top:9px;font-size:13px;text-align:start}
.vs-listings-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;min-height:36px;color:var(--vs-forest);font-size:13px;font-weight:650}
.vs-listings-link:hover span{text-decoration:underline;text-underline-offset:3px}
.vs-empty{padding:clamp(20px,2.5vw,34px);background:var(--vs-soft);border:1px solid var(--vs-line);border-radius:16px}
.vs-empty p{color:var(--vs-muted);line-height:1.6;margin:8px 0 16px}
.vs-brief{padding:clamp(18px,3.5vw,44px);border-radius:18px;background:#edf3e8;border:1px solid #d7e2cf;display:grid;align-items:start;grid-template-columns:minmax(0,.69fr) minmax(0,1.31fr);gap:clamp(18px,4vw,60px)}
.vs-brief-copy p{max-width:35ch}
.vs-form{display:grid;gap:16px;min-width:0;padding:clamp(16px,2.2vw,29px);background:#fff;border-radius:13px;border:1px solid var(--vs-line)}
.vs-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vs-form .vs-note{font-size:12px;line-height:1.6;color:var(--vs-muted);margin-top:-9px}
.vs-topics{min-width:0;margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vs-topics legend{padding:0;margin:0 0 7px}
.vs-topics label{font-size:13px;display:flex;align-items:center;gap:7px;line-height:1.4;min-width:0;cursor:pointer}
.vs-topics input{accent-color:var(--vs-forest);margin:0;flex:0 0 auto}
.vs-saved-actions{border-top:1px solid var(--vs-line);padding-top:14px;display:flex;flex-wrap:wrap;gap:16px}
.vs-text-button{font-size:12px;min-height:29px}
.vs-confirm{padding:12px 15px;background:#f4f5ed;border-radius:8px}
.vs-confirm>p{color:#405344;font-size:13px;margin:0 0 9px}
.vs-confirm button{margin-inline-end:9px}
.vs-saved-status{font-size:13px;line-height:1.5;color:#285431;font-weight:650}
.vs-saved-status:empty,.vs [hidden]{display:none!important}
html[lang=ar] .vs :is(h1,h2,h3,h4),html[lang=hi] .vs :is(h1,h2,h3,h4){line-height:1.35;letter-spacing:0}
@media(max-width:1000px){.vs-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-hero{grid-template-columns:1.3fr .7fr}.vs-brief{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:16px}}
@media(max-width:700px){.vs-hero{grid-template-columns:minmax(0,1fr)}.vs-hero-art{position:absolute;inset:0;z-index:-1;background-position:center;opacity:.15}.vs-brief{grid-template-columns:minmax(0,1fr)}.vs-brief-copy p{max-width:58ch}.vs-hero h1{font-size:clamp(31px,7.5vw,48px)}.vs-hero .vs-actions{gap:6px}.vs{padding-top:14px}}
@media(max-width:700px){.vs-hero .vs-bg-art{position:absolute;inset:0;opacity:.6}.vs-bg-art::before{mask-image:linear-gradient(110deg,transparent 44%,#0009)}.vs-country-mark{display:none}}
@media(max-width:500px){.vs-cards,.vs-fields{grid-template-columns:minmax(0,1fr)}.vs-filters{gap:9px}.vs-field select{padding-inline:8px}.vs-topics{grid-template-columns:minmax(0,1fr)}.vs-cardtop{margin-bottom:10px}.vs-hero-copy{padding:22px 18px}.vs-hero-link{padding-inline:0}.vs-guidehead{align-items:start}.vs-brief{padding:15px}.vs-form{padding:14px}}
