/* studyandworkingeorgia.com — My Citizenship page (two-part design). Uses the red tokens of ge-components.css. */
.czx{--ink:#14182A;--mut:#5B6478;--line:#E9ECF2;--soft:#F5F7FB}
.czx em{font-style:normal;color:var(--ge,#C8102E)}
.czx h2{margin:0;font-size:13px!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.1!important;color:var(--ink)}
.czsub{margin:8px 0 0;font-size:13px;color:var(--mut)}
.czf{border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(15,23,42,.08);flex:0 0 auto;background:#EEF1F6}

/* ---------- Hero ---------- */
.czh{position:relative;overflow:hidden;background:linear-gradient(180deg,#FFF 0%,#FBF4F5 100%)}
.czh-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:end;gap:24px;min-height:340px}
.czh-t{padding-block:30px 96px}
.czh .crumbs{color:var(--mut);margin-bottom:16px}
.czh .crumbs a{color:var(--ink)}
.czh h1{margin:0;font-size:clamp(34px,5vw,58px);font-weight:800;letter-spacing:-.035em;line-height:1.02;color:var(--ink)}
.czh-lead{margin:16px 0 0;max-width:460px;font-size:13px;line-height:1.6;color:#3A4256}
.czh-img{margin:0;position:relative;align-self:stretch}
.czh-img>img{position:absolute;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%),linear-gradient(0deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%);border-radius:0 0 0 0}
.czh-flags{position:absolute;z-index:2;right:max(16px,calc((100% - 1217px) / 2 + 16px));bottom:88px;width:min(380px,calc(100% - 32px));display:flex;flex-direction:column;gap:8px;padding:10px 12px 11px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(15,23,42,.14);color:var(--ink);text-decoration:none}
.czh-fl-t{font-size:13px;font-weight:600;line-height:1.3;color:#3A4256;text-align:center;letter-spacing:-.025em}
.czh-fl-t b{color:var(--ge);font-weight:600;letter-spacing:-.025em}
.czh-fl-m{display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.czh-fl-r{display:flex;gap:6px;width:max-content;animation:czh-fl 70s linear infinite}
.czh-fl-r .czf{flex:none;width:30px;height:20px;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px rgba(15,23,42,.08)}
.czh-flags:hover .czh-fl-r{animation-play-state:paused}
.czh-flags:hover .czh-fl-t{color:var(--ink)}
@keyframes czh-fl{to{transform:translateX(calc(-50% - 3px))}}
@media (prefers-reduced-motion:reduce){.czh-fl-r{animation:none}}

/* ---------- Pathway finder ---------- */
.czp{position:relative;z-index:2;margin-top:-72px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px 24px;box-shadow:0 24px 60px rgba(15,23,42,.10)}
.czp h2{font-size:13px!important;letter-spacing:-.025em!important}
.czp-f{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end}
.czp-l{display:flex;flex-direction:column;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:-.025em}
.czp-s{position:relative;display:flex;align-items:center;gap:10px;height:48px;padding:0 12px;border:1.5px solid #E2E5EC;border-radius:12px;background:#FBFBFC}
.czp-s:focus-within{border-color:var(--ge,#C8102E);box-shadow:0 0 0 4px rgba(200,16,46,.12);background:#fff}
.czp-s>svg{width:20px;height:20px;color:var(--ink);flex:0 0 auto}
.czp-s .czf{width:30px;height:20px}
.czp-s select{flex:1 1 auto;min-width:0;height:100%;border:0;background:transparent;font:inherit;font-size:13px;font-weight:500;color:var(--ink);outline:none;cursor:pointer}
.czp-go{height:48px;border:0;cursor:pointer;background:var(--ge,#C8102E);color:#fff}
.czp-go:hover{background:var(--ge-d,#A00C24)}
.czp-note{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:12.5px;color:var(--mut)}
.czp-note svg{width:15px;height:15px;color:#8A93A6}
.czr{margin-top:18px;border-radius:16px;background:#F3F6FB;padding:18px 22px}
.czr-h{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.025em}
.czr-row{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-top:12px}
.czr-route{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink)}
.czr-route b{font-weight:600;letter-spacing:-.025em}
.czr-to{color:var(--mut)}
.czr-fl .czf{width:46px;height:30px}
.czr-chips{display:flex;gap:10px;flex-wrap:wrap}
.czr-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.025em}
.czr-chip svg{width:18px;height:18px;color:var(--ink)}
.czr-f{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-top:12px}
.czr-f small{font-size:12px;color:var(--mut)}
.czr-go{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ge,#C8102E)}
.czr.flash{animation:czflash .9s ease}
@keyframes czflash{0%{box-shadow:0 0 0 0 rgba(200,16,46,.35)}100%{box-shadow:0 0 0 14px rgba(200,16,46,0)}}

/* ---------- Next steps: FAQ + checklist + personal review ---------- */
.czn{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;margin-top:48px;align-items:start}
.czq h2{margin-bottom:0}
.czqi{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.czqi summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 18px;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:-.025em}
.czqi summary::-webkit-details-marker{display:none}
.czqi summary>span{flex:1 1 auto}
.czqi summary::after{content:"+";font-size:22px;font-weight:400;color:var(--ink);line-height:1}
.czqi[open] summary::after{content:"−";color:var(--ge,#C8102E)}
.czqi summary i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:12.5px;font-weight:600;background:#EEF1F6;color:var(--ink);letter-spacing:-.025em}
.czqi[open] summary i{background:var(--ge,#C8102E);color:#fff}
.czqi>div{padding:0 18px 16px 58px}
.czqi>div p{margin:0;font-size:13px;line-height:1.65;color:var(--mut)}
.czs{display:flex;flex-direction:column;gap:16px}
.czl{background:#EEF6EE;border-radius:18px;padding:22px 22px 10px}
.czl h3,.czv h3{margin:0;font-size:13px;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
.czl ul{list-style:none;margin:14px 0 0;padding:0}
.czl li{display:flex;gap:14px;align-items:center;padding:11px 0;border-top:1px solid rgba(20,24,42,.06)}
.czl li:first-child{border-top:0}
.czl-i{width:40px;height:40px;border-radius:11px;background:#fff;display:grid;place-items:center;flex:0 0 auto;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.czl-i svg{width:20px;height:20px;color:var(--ink)}
.czl li b{display:block;font-size:13px;color:var(--ink)}
.czl li small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--mut)}
.czv{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.czv>img{width:110px;height:110px;border-radius:12px;object-fit:cover;flex:0 0 auto}
.czv p{margin:6px 0 0;font-size:13px;line-height:1.55;color:var(--mut)}
.czv-go{height:40px;margin-top:10px;padding:0 16px;font-size:13px}

/* ---------- Timeline ---------- */
.cztl{margin-top:46px}

/* ---------- Find your citizenship ---------- */
.cze{margin-top:60px;padding-top:44px;border-top:1px solid var(--line)}
.cze h2{font-size:13px!important;letter-spacing:-.025em}
.cze-bar{display:flex;align-items:flex-end;gap:16px 24px;margin-top:26px;flex-wrap:wrap}
.cze-q{flex:1 1 360px;display:flex;align-items:center;gap:12px;height:54px;padding:0 18px;border:1.5px solid #E2E5EC;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.cze-q:focus-within{border-color:var(--ge,#C8102E);box-shadow:0 0 0 4px rgba(200,16,46,.12)}
.cze-q svg{width:20px;height:20px;color:var(--ink);flex:0 0 auto}
.cze-q input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:13px;color:var(--ink)}
.cze-az{display:flex;flex-direction:column;gap:8px;padding-left:22px;border-left:1px solid var(--line)}
.cze-az small{font-size:12.5px;color:var(--mut)}
.cze-az div{display:flex;gap:8px;flex-wrap:wrap}
.cze-az button,.czg-t button{height:38px;padding:0 16px;border-radius:10px;border:1px solid #E2E5EC;background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.cze-az button:hover,.czg-t button:hover{border-color:#F3B7C1;color:var(--ge,#C8102E)}
.cze-az button.on,.czg-t button.on{background:var(--ge,#C8102E);border-color:var(--ge,#C8102E);color:#fff}
.cze-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:22px}
.czk{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;line-height:1.25;box-shadow:0 4px 14px rgba(15,23,42,.04);transition:border-color .2s,box-shadow .2s,transform .2s;letter-spacing:-.025em}
.czk:hover{border-color:#F3B7C1;box-shadow:0 12px 26px rgba(200,16,46,.10);transform:translateY(-2px)}
.czk .czf{width:46px;height:30px}
.czk span{flex:1 1 auto;min-width:0}
.czk .czc{width:16px;height:16px;color:#8A93A6;flex:0 0 auto}
.czk.sel{border-color:var(--ge,#C8102E);background:#FFF7F8;box-shadow:0 0 0 1px var(--ge,#C8102E)}
.czk.sel .czc{color:#fff;background:var(--ge,#C8102E);border-radius:50%;padding:2px;width:20px;height:20px}
.cze-g:not(.all) .czk-more{display:none}
.czk[hidden]{display:none!important}
.cze-none{margin:20px 0 0;color:var(--mut)}
.cze-m{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:26px}
.cze-more{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 26px;border-radius:12px;border:1.5px solid var(--ge,#C8102E);background:#fff;color:var(--ge,#C8102E);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cze-more span{font-size:13px;font-weight:400;line-height:1}
.cze-more:hover{background:#FFF5F6}
.cze-m small{font-size:13px;color:var(--mut)}

/* ---------- Programs ---------- */
.czg{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.czg-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.czg-t{display:flex;gap:8px;flex-wrap:wrap}
.czg-t button{border-radius:999px}
.czg-all{display:flex;justify-content:center;margin-top:22px}
.czg-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border-radius:12px;border:1.5px solid var(--ge,#C8102E);color:var(--ge,#C8102E);font-weight:600;font-size:13px;text-decoration:none}
.czg-btn:hover{background:#FFF5F6}

/* ---------- Contact band ---------- */
.czb{position:relative;overflow:hidden;margin:46px 0 10px;border-radius:20px;min-height:170px;display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(126,10,28,.97) 0%,rgba(160,12,36,.93) 38%,rgba(200,16,46,.55) 70%,rgba(200,16,46,.2) 100%),url(/img/ge-country/georgia-tbilisi-sunset-cta-banner-1000.webp) right center/cover no-repeat;box-shadow:0 24px 60px rgba(160,12,36,.25)}
.czb-t{padding:30px 34px;color:#fff}
.czb h2{color:#fff!important;font-size:13px!important;letter-spacing:-.025em}
.czb p{margin:8px 0 18px;font-size:13px;color:#FFE4E8}

/* ---------- Responsive ---------- */
@media (max-width:1100px){.cze-g{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:980px){
  .czh-in{grid-template-columns:minmax(0,1fr);min-height:0}
  .czh-t{padding-block:24px 10px}
  .czh-img{height:240px;margin-inline:-16px}
  .czh-img>img{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 35%);mask-image:linear-gradient(0deg,transparent 0,#000 35%)}
  .czh-flags{bottom:70px;right:16px;width:min(300px,calc(100% - 32px));padding:8px 10px 9px;gap:6px}
  .czh-fl-t{font-size:12px}
  .czh-fl-r .czf{width:26px;height:17px}
  .czp{margin-top:-56px}
  .czp-f{grid-template-columns:repeat(2,minmax(0,1fr))}
  .czp-go{grid-column:1/-1}
  .czn{grid-template-columns:minmax(0,1fr)}
  .cze-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cze-az{padding-left:0;border-left:0}
}
@media (max-width:600px){
  .czh h1{font-size:34px}
  .czh-lead{font-size:13px}
  .czh-img{height:200px}
  .czp{padding:20px 16px;border-radius:16px}
  .czp-f{grid-template-columns:minmax(0,1fr)}
  .czr{padding:16px}
  .czr-route{font-size:13px;gap:9px}
  .czr-chips{flex-direction:column;align-items:stretch;width:100%}
  .czqi>div{padding-left:18px}
  .czv{flex-direction:column;align-items:flex-start}
  .czv>img{width:100%;height:160px}
  .cze-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .czk{min-height:58px;padding:8px 10px;gap:9px;font-size:13px}
  .czk .czf{width:38px;height:25px}
  .czk .czc{display:none}
  .cze-az button{height:34px;padding:0 12px;font-size:12.5px}
  .czb-t{padding:24px 20px}
}
.czp-s.czp-err{border-color:var(--ge,#C8102E);box-shadow:0 0 0 4px rgba(200,16,46,.12)}
/* Typeable citizenship / residence fields */
.czp-s .czc-h{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.czc-i{flex:1 1 auto;min-width:0;height:100%;border:0;background:transparent;font:inherit;font-size:13px;font-weight:500;color:var(--ink);outline:none}
.czc-i::placeholder{color:var(--ink);opacity:1}
.czp-s:has(.czc-i):after{content:"";width:8px;height:8px;border-right:2px solid #7A8294;border-bottom:2px solid #7A8294;transform:rotate(45deg) translateY(-3px);flex:0 0 auto;pointer-events:none}
.czc-l{position:absolute;left:-1.5px;right:-1.5px;top:calc(100% + 6px);z-index:30;max-height:280px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #E2E5EC;border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.14)}
.czc-l li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer}
.czc-l li .czf{width:24px;height:16px}
.czc-l li.on,.czc-l li[data-i]:hover{background:rgba(200,16,46,.08);color:var(--ge-d,#9E0B23)}
.czc-l li.czc-no{color:#7A8294;cursor:default}

/* My Citizenship banner photo (passport, globe, plane – 2026-11-02): on computers the photo starts 290px right of the
   text column's left edge, so the passport sits right of the heading at every width; the left part was transparent in the shared fade anyway.
   Fade: clear at the photo's left edge, fully visible from ~62% of the banner width (shared banner rule). */
@media (min-width:981px){
  .czh.czh-pass .czh-img{left:calc(max(16px,(100% - 1217px) / 2 + 16px) + 290px)!important}
  .czh.czh-pass .czh-img>img{object-position:38% 55%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 6%,rgba(0,0,0,.22) 12%,rgba(0,0,0,.4) 19%,rgba(0,0,0,.6) 26%,rgba(0,0,0,.78) 33%,rgba(0,0,0,.92) 40%,#000 47%)!important;
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.08) 6%,rgba(0,0,0,.22) 12%,rgba(0,0,0,.4) 19%,rgba(0,0,0,.6) 26%,rgba(0,0,0,.78) 33%,rgba(0,0,0,.92) 40%,#000 47%)!important}
}
@media (max-width:980px){.czh.czh-pass .czh-img>img{object-position:30% 55%}}
/* font-cap: PC text 13px (auto, do not edit) */
@media (min-width:761px){.czr-go{font-size:13px;font-weight:500}.czv-go{font-size:13px;font-weight:500}.cze-az button,.czg-t button{font-size:13px;font-weight:500}.cze-more{font-size:13px;font-weight:500}.czg-btn{font-size:13px;font-weight:500}}