/* UKVI translation requirements guide (21 Oct 2026). This guide's own parts: the quick answer and key facts, "Check your
   translation" (an example certified page with numbered parts beside the checklist), the accepted and rejected columns,
   the visa picker, the document shelf, the avoid-rejection panel, the questions and the related resources. Shared parts
   are in guidex.css; tokens from site-v2.css (.sv2). */

.gx-ukvi{--ukvi-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f7a52' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}

/* quick answer and key facts, first in the reading column */
.ukvi-glance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:16px;align-items:stretch}
.ukvi-glance+.gx-sec{margin-top:64px}
.ukvi-answer{position:relative;display:flex;flex-direction:column;padding:28px 28px 30px;border-radius:20px;background:var(--navy);overflow:hidden;isolation:isolate}
.ukvi-answer::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/images/home-v2/watermark.svg) right bottom/auto 72% no-repeat;opacity:.1}
.ukvi-answer::after{content:"";position:absolute;inset:9px;border:1px solid rgba(201,163,91,.42);border-radius:13px;pointer-events:none}
[dir="rtl"] .ukvi-answer::before{transform:scaleX(-1)}
.gx .ukvi-answer-label{display:flex;align-items:center;gap:10px;margin:0;font:600 12.5px/1.3 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--warm)}
.ukvi-answer-label .gx-i{width:20px;height:20px}
.gx .ukvi-answer-text{margin-top:14px;font-size:19.5px;font-weight:500;line-height:1.6;color:#fff}
.ukvi-facts{padding:24px 24px 22px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}
.gx .ukvi-facts-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:600 12.5px/1.3 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.ukvi-facts ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.gx .ukvi-facts li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--ink)}
.ukvi-facts li .gx-i{width:18px;height:18px;margin-top:2px;color:var(--gx-ok)}
[dir="rtl"] .gx .ukvi-answer-text{line-height:1.9}
[dir="rtl"] .gx .ukvi-facts li{line-height:1.75}
[dir="rtl"] .gx :is(.ukvi-answer-label,.ukvi-facts-title){font-size:14.5px;letter-spacing:0;text-transform:none}
@media(max-width:760px){.ukvi-glance{grid-template-columns:minmax(0,1fr)}.ukvi-glance+.gx-sec{margin-top:52px}.gx .ukvi-answer-text{font-size:18px}}

/* check your translation: the example page beside the checklist */
.ukvi-check-body{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:28px;align-items:start}
.ukvi-sheet{display:grid;gap:14px;min-width:0}
.gx .ukvi-sheet-tag{justify-self:start;margin:0;line-height:1.4}
.ukvi-stack{position:relative;padding-top:34px}
.ukvi-orig{position:absolute;top:0;left:22px;right:0;bottom:26px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:7px 12px;border:1px solid #ddd8c9;border-radius:6px;background:#f8f5ec;transition:border-color .3s,background-color .3s}
.ukvi-orig-tab{display:inline-flex;align-items:center;gap:6px;font:600 11.5px/1.4 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gx-soft);transition:color .3s}
.gx .ukvi-orig-ok{display:none;width:15px;height:15px;color:var(--gx-ok)}
.gx .ukvi-orig-title{font-size:14px;line-height:1.35;color:var(--ink)}
.ukvi-check.is-orig .ukvi-orig{border-color:#bfe0cd;background:#eef7f1}
.ukvi-check.is-orig .ukvi-orig-tab{color:var(--gx-ok)}
.gx .ukvi-check.is-orig .ukvi-orig-ok{display:inline}
.ukvi-paper{position:relative;margin-right:22px;padding:20px 20px 16px;border:1px solid #e3e0d6;border-radius:6px;background:#fff;box-shadow:0 22px 44px -30px rgba(11,22,38,.5);font-family:Inter,"Noto Sans",Arial,sans-serif;text-align:left}
.ukvi-paper-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding-bottom:10px;border-bottom:2px solid var(--navy)}
.gx .ukvi-paper-kind{margin:0;font:700 12.5px/1.35 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.gx .ukvi-paper-from{margin:0;font-size:12px;line-height:1.4;color:var(--gx-soft)}
.ukvi-paper-doc{padding:12px 0;border-bottom:1px dashed var(--line-strong)}
.gx .ukvi-paper-title{margin:0 0 6px;font:600 14.5px/1.35 Poppins,"Poppins Fallback",sans-serif;color:var(--ink)}
.gx .ukvi-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;margin:0;padding:3px 0;font-size:12px;line-height:1.4;color:var(--gx-soft)}
.ukvi-bar{display:block;width:var(--w);height:7px;border-radius:4px;background:#e8e6df}
.ukvi-cert{display:grid;gap:4px;padding-top:12px}
.gx .ukvi-cert-title{margin:0 0 2px;font:600 11.5px/1.35 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gx-soft)}
.ukvi-part{position:relative;padding:7px 44px 7px 10px;border-radius:8px;transition:background-color .25s,box-shadow .25s}
.gx .ukvi-part p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink)}
.gx .ukvi-part p+p{margin-top:2px}
.ukvi-lbl{display:block;font:600 10.5px/1.45 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--gx-soft)}
.ukvi-val{display:block}
.ukvi-sign{display:flex;flex-direction:column}
.ukvi-sig{display:block;width:150px;max-width:100%;height:42px;margin:0 0 2px;color:#1d2f52}
.ukvi-sig path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.ukvi-sig.is-draw path{animation:ukvi-sign 1s cubic-bezier(.45,.1,.3,1) both}
.ukvi-sig.is-draw path+path{animation-duration:.4s;animation-delay:.85s}
@keyframes ukvi-sign{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.ukvi-part.is-on{background:#fff3ea;box-shadow:inset 0 0 0 2px var(--accent)}
.ukvi-pin{position:absolute;top:50%;right:7px;display:grid;place-items:center;width:28px;height:28px;margin-top:-14px;padding:0;border:0;border-radius:50%;background:var(--orange);color:#fff;font:700 13px/1 Inter,sans-serif;box-shadow:0 0 0 3px #fff,0 4px 10px -4px rgba(199,66,13,.6);cursor:default;transition:background-color .2s,transform .2s}
.ukvi-pin b{font:inherit}
.gx-js .ukvi-pin{cursor:pointer}
.gx-js .ukvi-pin:hover{transform:scale(1.08)}
.ukvi-pin[aria-pressed="true"]{background:var(--navy)}
.ukvi-pin.is-found{background:var(--gx-ok)}
.ukvi-pin.is-found::after{content:"";position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;background:#fff var(--ukvi-tick) center/10px no-repeat;box-shadow:0 0 0 1.5px var(--gx-ok)}
.ukvi-say{display:none}
.gx-js .ukvi-say{display:flex;align-items:flex-start;gap:10px;min-height:48px;margin:0;padding:12px 14px;border-radius:12px;background:var(--paper);font-size:15px;line-height:1.5;color:var(--ink)}
.ukvi-say b{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font:700 12px/1 Inter,sans-serif}
.ukvi-say.is-new{animation:gx-fade .3s ease both}
.ukvi-check-side{display:grid;gap:14px;min-width:0}
.ukvi-check .gx-check{grid-template-columns:minmax(0,1fr);gap:14px}
.ukvi-check .gx-ring{position:static;grid-row:1;display:flex;align-items:center;gap:14px;text-align:start}
.ukvi-check .gx-ring-dial{flex:0 0 auto;width:62px;height:62px}
.gx .ukvi-check .gx-ring-num{font-size:17px}
.ukvi-check .gx-ring-num small{font-size:11px}
.gx .ukvi-side-title{margin:0;font:600 18px/1.3 Poppins,"Poppins Fallback",sans-serif;color:var(--navy)}
.ukvi-check .gx-check label{gap:10px;padding:12px 14px;transition:border-color .2s,background-color .2s,box-shadow .2s}
.ukvi-n{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:#fff;color:var(--orange);font:700 12.5px/1 Inter,sans-serif;box-shadow:inset 0 0 0 1.5px #efc2ae}
.gx .ukvi-n-i{width:22px;height:22px;margin-top:2px;color:var(--orange)}
.gx .ukvi-check .gx-check-text{font-size:15.5px;line-height:1.5}
.ukvi-check li.is-hl label{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.gx .ukvi-check .gx-result{margin-top:0;font-size:15.5px}
[dir="rtl"] .gx .ukvi-check .gx-check-text{line-height:1.75}
/* laptops: the checklist stays beside the example page while the page is read (clip, not hidden, so sticky works) */
@media(min-width:701px){.gx-tool.ukvi-check{overflow:clip}.ukvi-check-side{position:sticky;top:calc(var(--gx-top) + 8px)}}
@media(max-width:700px){.ukvi-check-body{grid-template-columns:minmax(0,1fr);gap:22px}}

/* accepted or may be rejected */
.ukvi-vs>div{display:flex;flex-direction:column;padding:26px 24px 22px}
.gx .ukvi-vs .gx-vs-title{margin:0;font-size:21px}
.ukvi-vs .gx-vs-title .gx-i{width:26px;height:26px}
.gx .ukvi-vs-sub{margin:6px 0 0;font:600 12.5px/1.4 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gx-soft)}
.gx .ukvi-vs-desc{margin-top:12px;font-size:16px;line-height:1.6}
.ukvi-vs ul{flex:1 1 auto;margin-top:16px}
.gx .ukvi-vs-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(18,32,51,.1);font-size:14.5px;line-height:1.4;color:var(--gx-soft)}
.gx .ukvi-vs-price strong{font:600 16px/1.3 Poppins,"Poppins Fallback",sans-serif;color:var(--navy)}
.gx .ukvi-vs-best{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--gx-ok-bg);font-size:15.5px;line-height:1.55;color:#14532d}
.gx .ukvi-vs-best strong{color:#14532d}
.gx .ukvi-vs-best.is-warn{display:flex;gap:10px;align-items:flex-start;background:var(--gx-bad-bg);color:#7f2412}
.ukvi-vs-best.is-warn .gx-i{width:18px;height:18px;margin-top:3px;color:var(--gx-bad)}
[dir="rtl"] .gx :is(.ukvi-vs-sub,.ukvi-lbl,.ukvi-cert-title,.ukvi-orig-tab){letter-spacing:0}
[dir="rtl"] .gx .ukvi-vs-sub{font-size:14px;text-transform:none}

/* which documents for my visa? (shared tabs; all six panels show without script) */
.gx-js .gx-tabs [role="tablist"].ukvi-visa-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ukvi-visa-tabs [role="tab"]{justify-content:flex-start;min-height:54px;padding:0 14px;border-radius:14px;text-align:start}
.ukvi-visa-tabs [role="tab"] .gx-i{width:20px;height:20px;color:var(--orange)}
.ukvi-visa-tabs [role="tab"][aria-selected="true"] .gx-i{color:var(--warm)}
.ukvi-visa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding:24px;border-radius:16px;background:var(--paper)}
.gx .ukvi-visa-i{width:34px;height:34px;margin-top:2px;color:var(--orange)}
.gx .ukvi-visa h3{margin:0 0 8px;font-size:22px}
.gx .ukvi-visa p{font-size:17px;line-height:1.65}
.gx .ukvi-visa .ukvi-visa-rec{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:9px 14px;border-radius:999px;background:var(--gx-ok-bg);color:#14532d;font-size:15px;font-weight:600;line-height:1.35}
.ukvi-visa-rec .gx-i{width:18px;height:18px;color:var(--gx-ok)}
.ukvi-visas .gx-tool-foot a{flex:0 0 auto}
@media(max-width:600px){.gx-js .gx-tabs [role="tablist"].ukvi-visa-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ukvi-visa{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}.ukvi-visas .gx-tool-foot a{flex:1 1 100%}}

/* common Arabic documents: a shelf of six kinds */
.ukvi-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:24px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.gx .ukvi-docs li{display:flex;gap:14px;align-items:flex-start;padding:16px 0 15px;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.55}
.ukvi-docs li>.gx-i{width:24px;height:24px;margin-top:2px;color:var(--orange)}
.gx .ukvi-docs strong{display:block;margin-bottom:3px;font:600 16.5px/1.35 Poppins,"Poppins Fallback",sans-serif;color:var(--navy)}
@media(max-width:640px){.ukvi-docs{grid-template-columns:minmax(0,1fr)}}

/* the step with its own action */
.gx .ukvi-step-act{margin-top:14px}
.gx .ukvi-step-act .gx-btn{color:#fff;text-decoration:none;font-weight:600}

/* how to avoid rejection: a navy panel */
.ukvi-avoid{position:relative;display:grid;margin:24px 0 0;padding:12px 28px;border-radius:20px;background:var(--navy);list-style:none;counter-reset:ukvi-a;overflow:hidden;isolation:isolate}
.ukvi-avoid::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/images/home-v2/watermark.svg) right center/auto 100% no-repeat;opacity:.09}
[dir="rtl"] .ukvi-avoid::before{transform:scaleX(-1)}
.gx .ukvi-avoid li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;align-items:start;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);font-size:17px;line-height:1.6;color:var(--on-dark)}
.ukvi-avoid li:first-child{border-top:0}
.ukvi-avoid li::before{counter-increment:ukvi-a;content:counter(ukvi-a);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,160,107,.75);color:var(--warm);font:600 14px/1 Poppins,"Poppins Fallback",sans-serif}
.gx .ukvi-avoid strong{color:#fff}
[dir="rtl"] .gx .ukvi-avoid li{line-height:1.9}
@media(max-width:600px){.ukvi-avoid{padding:6px 20px}.gx .ukvi-avoid li{grid-template-columns:30px minmax(0,1fr);gap:12px;font-size:16px}.ukvi-avoid li::before{width:30px;height:30px}}

/* questions: open and close (native details, so they work without script) */
.ukvi-faqs{margin-top:22px;border-top:1px solid var(--line)}
.ukvi-faq{border-bottom:1px solid var(--line)}
.ukvi-faq summary{display:flex;align-items:center;gap:16px;min-height:60px;padding:16px 4px;cursor:pointer;list-style:none;font:600 18px/1.45 Poppins,"Poppins Fallback",sans-serif;color:var(--navy);transition:color .2s}
.ukvi-faq summary::-webkit-details-marker{display:none}
.ukvi-faq summary>span{flex:1 1 auto}
.ukvi-faq summary:hover{color:var(--orange)}
.gx .ukvi-faq-i{width:22px;height:22px;color:var(--orange);transition:transform .25s}
.ukvi-faq[open] .ukvi-faq-i{transform:rotate(180deg)}
.ukvi-faq-a{padding:0 4px 20px}
.ukvi-faq[open] .ukvi-faq-a{animation:gx-fade .3s ease both}
.gx .ukvi-faq-a p{font-size:17px;line-height:1.7}
.gx .ukvi-faq-more{margin-top:20px}
[dir="rtl"] .ukvi-faq summary{line-height:1.7}
[dir="rtl"] .gx .ukvi-faq-a p{line-height:1.95}

/* related resources */
.ukvi-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none}
.gx .ukvi-related li{display:block}
.gx .ukvi-related a{display:flex;align-items:center;gap:14px;height:100%;min-height:62px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);font:600 16px/1.4 Inter,sans-serif;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.gx .ukvi-related a:hover{border-color:var(--line-strong);box-shadow:var(--gx-shadow);color:var(--navy)}
.ukvi-related .gx-i{width:22px;height:22px;color:var(--orange)}
@media(max-width:560px){.ukvi-related{grid-template-columns:minmax(0,1fr)}}

/* the plain section words, if a section ever loses its list */
.ukvi-prose :is(ul,ol){margin:16px 0 0;padding-inline-start:22px}