/* "Explore Georgia" pages of the main portal (public/georgia/*.html, generated by scripts/build-explore.mjs).
   Built on page.css (banner, panels, steps, FAQ, CTA); this file only adds the pieces these pages need.
   Colours via var(--blue): blue on the portal. Font rule: max 13px, headings/bold 600, buttons on PC 500. */
.ex-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ex-btns .btn{height:40px;padding:0 20px;border-radius:9px;font-size:13px;font-weight:500;animation:none}
.ex-btns .btn svg{width:16px;height:16px}

/* The six Explore Georgia links (same look as the homepage row under the filter) */
.exn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:18px 6px;flex-wrap:wrap}
.exn b{font-size:13px;font-weight:600;color:var(--navy);padding-right:22px;border-right:1px solid #DCE3EE;white-space:nowrap;letter-spacing:-.025em}
.exn a{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:500;color:var(--navy);white-space:nowrap}
.exn a svg{width:20px;height:20px;color:var(--blue)}
.exn a:hover{color:var(--blue)}
.exn a.on{background:var(--blue-soft,#EAF1FF);color:var(--blue)}

.ex-page{padding-top:18px}
.ex-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}
.ex-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 12px rgba(15,23,42,.04)}
.ex-stat>svg{flex:0 0 auto;width:34px;height:34px;padding:7px;border-radius:10px;background:var(--blue-soft,#EAF1FF);color:var(--blue)}
.ex-stat b{display:block;font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.ex-stat small{display:block;font-size:12px;color:var(--muted);line-height:1.4}
.ex-note{margin-top:12px;font-size:12.5px;color:var(--muted)}
.ex-note a,.ex-page .panel p a:not(.link):not(.btn){color:var(--blue);text-decoration:underline}

/* Comparison tables */
.ex-table-w{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.ex-table{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}
.ex-table th,.ex-table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #EEF2F8;color:#2D3854;line-height:1.45}
.ex-table thead th{background:var(--bg-2,#F6F8FC);font-weight:600;color:var(--navy);white-space:nowrap;letter-spacing:-.025em}
.ex-table tbody th{font-weight:600;letter-spacing:-.025em}
.ex-table tbody th a{color:var(--navy)}
.ex-table tbody th a:hover{color:var(--blue)}
.ex-table tr:last-child th,.ex-table tr:last-child td{border-bottom:0}

/* Programs: field tiles and level chips */
.ex-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ex-tile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:12px;font:inherit;cursor:pointer}
.ex-tile b{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.ex-tile small{font-size:12px;color:var(--muted)}
.ex-tile:hover,.ex-tile.on{border-color:var(--blue)}
.ex-tile.on{background:var(--blue-soft,#EAF1FF)}
.ex-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ex-chip{height:34px;padding:0 14px;border-radius:17px;border:1.5px solid var(--line);background:#fff;font:inherit;font-size:13px;font-weight:500;color:var(--navy);cursor:pointer}
.ex-chip span{color:var(--muted);font-weight:400;margin-left:2px}
.ex-chip.on{border-color:var(--blue);background:var(--blue);color:#fff}
.ex-chip.on span{color:#DCE5F7}
.ex-more{display:flex;justify-content:center;margin-top:22px}
.ex-more .btn{font-weight:500}

/* Work: job categories */
.ex-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ex-cat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;text-align:center;background:#fff;border:1.5px solid var(--line);border-radius:14px}
.ex-cat svg{width:30px;height:30px;color:var(--blue)}
.ex-cat b{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.ex-cat small{font-size:12px;color:var(--muted)}
.ex-cat:hover{border-color:var(--blue)}
.ex-emp{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ex-emp p{max-width:720px}
.ex-emp .btn{font-weight:500}

/* Travel: places */
.ex-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ex-place{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.08),0 4px 12px rgba(15,23,42,.04)}
.ex-place img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
.ex-place figcaption{padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.ex-place b{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.025em}
.ex-place span{font-size:13px;color:#2D3854;line-height:1.5}

/* CTA band buttons */
.ex-cta-b{display:flex;flex-wrap:wrap;gap:10px}
.ex-cta-b .btn{height:40px;font-size:13px;font-weight:500;animation:none}
.ex-cta-b .btn-p{background:#fff;color:var(--blue)}
.ex-cta-b .btn-o{background:transparent;border-color:#fff;color:#fff}
.ex-page .faq-page h2{margin-bottom:14px}
.ex-page .cta-box h2{color:#fff!important}

@media (max-width:1000px){
  .ex-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ex-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ex-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .exn{justify-content:center}
  .exn b{flex:1 1 100%;border:0;padding:0;text-align:center}
  .exn a{flex:0 0 calc(33.33% - 10px);min-width:0;white-space:normal;text-align:center;padding:8px 4px;flex-direction:column;gap:5px;justify-content:center}
  .ex-places{grid-template-columns:1fr}
  .ex-btns .btn,.ex-cta-b .btn{font-weight:600}
}
@media (max-width:560px){
  .ex-stats{grid-template-columns:1fr}
  .ex-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ex-btns .btn{flex:1 1 100%}
}
/* Visa type pages (public/visas/*.html, scripts/build-visas.mjs) */
.vz-hero h1 em{font-style:normal;color:var(--blue)}
.panel ul.vz-docs{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:7px}
.ex-page .steps-v.vz-s4{grid-template-columns:repeat(4,minmax(0,1fr))}
.vz-other{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vz-other a{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1.5px solid var(--line);border-radius:12px}
.vz-other a:hover{border-color:var(--blue)}
.vz-other svg{flex:0 0 auto;width:30px;height:30px;padding:6px;border-radius:9px;background:var(--blue-soft,#EAF1FF);color:var(--blue)}
.vz-other b{display:block;font-size:13px;font-weight:600;color:var(--navy);line-height:1.3;letter-spacing:-.025em}
.vz-other small{display:block;font-size:12px;color:var(--muted)}
.vz-src ul{list-style:none;padding:0}
.vz-src a{color:var(--blue);text-decoration:underline}
.vz-src small{color:var(--muted);font-size:12px}
.vz-src p{margin-top:10px;font-size:12.5px;color:var(--muted)}
@media (max-width:1000px){.vz-other,.ex-page .steps-v.vz-s4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.panel ul.vz-docs,.vz-other,.ex-page .steps-v.vz-s4{grid-template-columns:1fr}}
/* font-cap: PC text 13px (auto, do not edit) */
@media (min-width:761px){.ex-btns .btn{font-size:13px;font-weight:500}.ex-more .btn{font-size:13px;font-weight:500}.ex-emp .btn{font-size:13px;font-weight:500}.ex-cta-b .btn{font-size:13px;font-weight:500}}