/* /visa + /calculator body (designer's IMPT visa and calculator pages); the header/footer stay the site's own chrome */
.pkt{--pkt-serif:"Newsreader",Georgia,serif;--pkt-sans:"Hanken Grotesk",system-ui,sans-serif;--pkt-mono:"JetBrains Mono",ui-monospace,monospace;
background:#f6f2ea;color:#17201d;font-family:var(--pkt-sans);-webkit-font-smoothing:antialiased}
.pkt *{box-sizing:border-box}
.pkt a{color:#17201d;text-decoration:none}.pkt a:hover{color:#1c6f78}
.pkt input::placeholder{color:#8b908b}
.pkt h1,.pkt h2,.pkt h3{color:inherit}
@keyframes pkt-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pkt-stripe{background:linear-gradient(90deg,#1c6f78 0 25%,#d4922a 25% 50%,#b4513a 50% 75%,#3f6b45 75% 100%)}
.pkt-rl{border-end-start-radius:22px}
.pkt-opt:hover{background:#f1ebdf!important}
.pkt-pop{font:500 14px var(--pkt-sans);padding:7px 14px;border-radius:999px;border:1px solid #e2dbcd;background:#fff;cursor:pointer;color:#17201d}
.pkt-pop:hover{border-color:#17201d}
.pkt a.pkt-btn-dark{background:#17201d;color:#f6f2ea}.pkt a.pkt-btn-dark:hover{background:#1c6f78;color:#fff}
.pkt a.pkt-btn-line:hover{background:#17201d;color:#f6f2ea}
.pkt a.pkt-cta{color:#17201d}.pkt a.pkt-cta:hover{background:#f0c27a!important;color:#17201d}
.pkt-faqq{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center;background:none;border:0;padding:22px 0;font:500 18px var(--pkt-sans);color:#17201d;text-align:start;cursor:pointer}
.pkt-sign{font-size:22px;color:#1c6f78;flex:none}
.pkt-faqa{margin:0 0 22px;font-size:16px;line-height:1.65;color:#4a524e;max-width:620px}
.pkt-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:32px 0;border-bottom:1px solid #e2dbcd}
.pkt-num{font-family:"Newsreader",serif;font-style:italic;font-size:26px;color:#d4922a;line-height:1}
.pkt-q{margin:0;font-size:19px;font-weight:600}
.pkt-in:focus{border-color:#1c6f78!important;box-shadow:0 0 0 3px rgba(28,111,120,.15)}
.pkt input[type=range]{accent-color:#1c6f78}
.pkt [hidden]{display:none!important}
/* the rules-can-change note, highlighted (owner 2026-11-02) */
.pkt-note{margin:20px 0 0;padding:16px 20px;background:#fff4d1;border:1px solid #f0c27a;border-inline-start:6px solid #f7b500;border-radius:12px;font-size:16px;line-height:1.55;color:#3a2a05}
.pkt-note b{font-weight:600}
/* the 4-up "Once you land" row: outer cells sit flush with the grid edge only when the row is full width */
@media (max-width:620px){.pkt-land>div{padding-inline:0!important}}

/* Urdu: Nastaliq everywhere (it clips below ~1.9 line-height), no tracking/caps, smaller display sizes */
html[lang="ur"] .pkt{--pkt-serif:var(--pkc-urdu);--pkt-sans:var(--pkc-urdu);--pkt-mono:var(--pkc-urdu)}
html[lang="ur"] .pkt :is(h1,h2,h3,p,span,a,button,li,dt,dd,label,input,div){line-height:1.95!important;letter-spacing:0!important;text-transform:none!important}
html[lang="ur"] .pkt em{font-style:normal}
html[lang="ur"] .pkt .pkt-h1{font-size:clamp(34px,5vw,62px)!important}
html[lang="ur"] .pkt .pkt-h2,html[lang="ur"] .pkt h2{font-size:clamp(26px,3.4vw,42px)!important}
html[lang="ur"] .pkt .pkt-sentence{font-size:clamp(22px,2.8vw,32px)!important}
html[lang="ur"] .pkt .pkt-q{font-size:18px!important}
html[lang="ur"] .pkt .pkt-num,html[lang="ur"] .pkt .pkt-total,html[lang="ur"] .pkt [dir="ltr"]{font-family:"Newsreader",Georgia,serif}
html[lang="ur"] .pkt [data-iso],html[lang="ur"] .pkt [data-curs] button{font-family:"JetBrains Mono",monospace!important}
html[lang="ur"] .pkt input[data-q]{font-style:normal}

/* Mike's Visa & entry section under the widget on /visa/: same width, gutter and paper as the designer sections above
   (owner 2026-11-02). Only the /visa/ hub loads this file; his country pages keep his own 860px column. */
.vz-wrap{background:#f6f2ea!important;padding:clamp(24px,4vw,48px) 24px clamp(72px,10vw,120px)!important;font-size:1.12rem!important}
.vz-wrap .vz{max-width:1232px!important}
.vz-wrap .vz p,.vz-wrap .vz li{max-width:none!important}
.vz-wrap .vz h2{font-size:clamp(1.7rem,1rem + 2vw,2.6rem)!important}
/* his "Rules can change" note at the top of the section, highlighted like the one under the widget */
.vz-wrap .vz-note{background:#fff4d1!important;border:1px solid #f0c27a!important;border-inline-start:6px solid #f7b500!important;border-radius:12px!important;padding:16px 20px!important;color:#3a2a05;max-width:none!important}
.vz-wrap .vz-note b{font-weight:600}