.va-discovery-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.va-blog-search{margin:-.75rem 0 2.25rem;max-width:760px}
.va-blog-search>label{display:block;margin-bottom:.65rem;color:#f8fafc;font-size:.92rem;font-weight:700}
.va-blog-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:52px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#142542;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.va-blog-search-row:focus-within{border-color:#d9b95f;box-shadow:0 0 0 3px rgba(217,185,95,.16)}
.va-blog-search input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:1rem;padding:.85rem 1rem;letter-spacing:0}
.va-blog-search input::placeholder{color:#9eabc0;opacity:1}
.va-blog-search button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:112px;border:0;border-inline-start:1px solid rgba(255,255,255,.12);background:#d9b95f;color:#0a1628;font:inherit;font-weight:800;cursor:pointer;padding:0 1.1rem}
.va-blog-search button:hover{background:#f0d477}
.va-blog-search button:focus-visible,.va-popular-controls button:focus-visible,.va-popular-card a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.va-blog-search-clear{display:inline-block;margin-top:.65rem;color:#d9b95f;font-size:.86rem;font-weight:700;text-decoration:none}
.blog-search-summary{margin:0 0 1.25rem;padding:0 0 1rem;border-bottom:1px solid rgba(255,255,255,.12);color:#d8e0eb;font-size:.95rem;font-weight:700}
.va-popular-guides{margin:0 0 2.75rem;padding:1.4rem 0 1.6rem;border-top:1px solid rgba(217,185,95,.24);border-bottom:1px solid rgba(217,185,95,.24)}
.va-popular-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.va-popular-heading p{margin:0 0 .2rem;color:#d9b95f;font-size:.76rem;font-weight:800;text-transform:uppercase}
.va-popular-heading h2{margin:0;color:#fff;font-family:'Playfair Display','Cairo',serif;font-size:1.45rem;line-height:1.35;letter-spacing:0}
.va-popular-controls{display:flex;gap:.5rem;flex:0 0 auto}
.va-popular-controls button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#172944;color:#f8fafc;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.va-popular-controls button:hover{background:#d9b95f;border-color:#d9b95f;color:#0a1628}
.va-popular-track{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:thin;scrollbar-color:#65758d transparent;padding:.15rem 0 .65rem}
.va-popular-guides[dir="rtl"] .va-popular-track{direction:rtl}
.va-popular-card{flex:0 0 300px;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#172944;overflow:hidden;scroll-snap-align:start}
.va-popular-card a{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:112px;color:inherit;text-decoration:none}
.va-popular-card:hover{border-color:rgba(217,185,95,.55);background:#1b3151}
.va-popular-thumb{min-height:112px;background:#0f1d32;overflow:hidden}
.va-popular-thumb img{width:100%;height:100%;min-height:112px;object-fit:cover}
.va-popular-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#d9b95f;font-weight:900}
.va-popular-card-body{min-width:0;padding:.85rem}
.va-popular-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem;color:#d9b95f;font-size:.72rem;font-weight:800}
.va-popular-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.va-popular-views{display:inline-flex;align-items:center;gap:.25rem;color:#b8c4d4;flex:0 0 auto}
.va-popular-views .va-discovery-icon{width:15px;height:15px}
.va-popular-card h3{margin:0;color:#fff;font-size:.92rem;line-height:1.55;letter-spacing:0}
.en-blog-page .va-popular-card h3,.en-blog-page .va-popular-card-body{text-align:left}
@media(max-width:640px){.va-blog-search{margin-top:-.25rem}.va-blog-search-row{grid-template-columns:minmax(0,1fr) 52px}.va-blog-search button{min-width:52px;padding:0}.va-blog-search button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.va-popular-heading{align-items:center}.va-popular-heading h2{font-size:1.2rem}.va-popular-card{flex-basis:min(82vw,320px)}}
@media(prefers-reduced-motion:reduce){.va-popular-track{scroll-behavior:auto}}
