/* Khalsa Migration, "Community Desk". One stylesheet for every page. Light first, palette from the Khalsa logo. */
:root{
  --bg:#fffdf9; --cream:#f8f1e7; --cream2:#fbf6ef; --paper:#ffffff; --ink:#221f1c; --ink2:#5a524a; --ink3:#71685f;
  --line:#ece2d4; --line2:#dccfbd;
  --purple:#450460; --plum:#5e1a78; --blue:#0475b0; --teal:#0c98a1; --teal-ink:#06707a; --crimson:#b81a50; --orange:#ea502c; --char:#353535;
  --accent:#450460; --link:#5e1a78; --hi:#fde9df;
  --grad:linear-gradient(90deg,#450460 0%,#0475b0 28%,#0c98a1 50%,#ca1f59 75%,#ea502c);
  --gradv:linear-gradient(180deg,#450460,#0475b0 30%,#0c98a1 52%,#ca1f59 76%,#ea502c);
  --sh1:0 1px 2px rgba(60,40,20,.06),0 2px 8px rgba(60,40,20,.04);
  --sh2:0 1px 2px rgba(60,40,20,.06),0 22px 44px -22px rgba(60,40,20,.3);
  --f:calc(100 * 1%);
  --max:1220px; --g:clamp(16px,4vw,44px); --hh:74px;
  --fs:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --fb:"Hanken Grotesk","Helvetica Neue","Segoe UI",Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#16130f; --cream:#1e1a15; --cream2:#1b1713; --paper:#221d18; --ink:#f3ede5; --ink2:#c4b9ad; --ink3:#a59a8e;
  --line:#352d25; --line2:#463b30; --accent:#d9a6f0; --link:#e2b6f5; --teal-ink:#5cc9d0; --crimson:#f07a9f; --hi:#3a2219;
  --sh1:none; --sh2:0 22px 44px -22px rgba(0,0,0,.7); color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#16130f; --cream:#1e1a15; --cream2:#1b1713; --paper:#221d18; --ink:#f3ede5; --ink2:#c4b9ad; --ink3:#a59a8e;
  --line:#352d25; --line2:#463b30; --accent:#d9a6f0; --link:#e2b6f5; --teal-ink:#5cc9d0; --crimson:#f07a9f; --hi:#3a2219;
  --sh1:none; --sh2:0 22px 44px -22px rgba(0,0,0,.7); color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100.0%;text-size-adjust:100.0%}
.rm{scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--fb);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg{max-width:var(--f);height:auto}
img{display:block}
a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--fs);font-weight:500;line-height:1.1;letter-spacing:-.015em;margin:0;font-variation-settings:"opsz" 96}
h3,h4{font-variation-settings:"opsz" 36}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--g)}
.kick{font:600 .78rem/1.2 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px}
.kick::after{content:"";flex:0 0 40px;height:1px;background:currentColor;opacity:.5}
.sec{padding:clamp(56px,8vw,112px) 0}
.sec.tint{background:var(--cream2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec.tight{padding-top:0}
.sec-head{display:grid;gap:14px;max-width:780px;margin-bottom:clamp(28px,4vw,52px)}
.sec-head h2{font-size:clamp(2rem,1.2rem + 2.8vw,3.4rem)}
.sec-head p{font-size:1.12rem;color:var(--ink2);margin:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--paper);padding:8px 14px;border-radius:8px;z-index:99}
.skip:focus{left:12px}
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0}
.mo [data-lift].wait{opacity:0;transform:translateY(24px)}
.mo [data-lift].in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}

/* Masthead and header */
.mast{border-bottom:1px solid var(--line);font-size:.84rem;color:var(--ink2);background:var(--bg)}
.mast .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px;padding-top:8px;padding-bottom:8px}
.mast b{color:var(--ink);font-weight:600}
.mast nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.mast a{color:var(--ink2)}
.hdr{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:18px;height:var(--hh)}
.logo{display:block;flex:none;border-radius:8px;padding:3px 6px;margin-left:-6px;line-height:0}
.logo img{height:48px;width:auto}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .logo{background:#fff}}
:root[data-theme="dark"] .logo{background:#fff}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>a,.dd>button{position:relative;color:var(--ink);text-decoration:none;font:500 .95rem var(--fb);padding:10px 11px;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav>a::after,.dd>button::after{content:"";position:absolute;left:11px;right:11px;bottom:6px;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.nav>a:hover::after,.nav>a:focus-visible::after,.nav>a[aria-current]::after,.dd>button:hover::after,.dd.cur>button::after{transform:scaleX(1)}
.nav .call{margin-left:10px;border:1.5px solid var(--ink);border-radius:999px;padding:9px 18px;font-weight:600}
.nav .call::after{display:none}
.nav .call:hover{background:var(--ink);color:var(--bg)}
.dd{position:relative}
.dd>button svg{transition:transform .25s}
.dd-panel{position:absolute;left:-8px;top:100.0%;min-width:290px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2);padding:10px;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.dd:hover .dd-panel,.dd:focus-within .dd-panel,.dd.open .dd-panel{opacity:1;visibility:visible;transform:none}
.dd.open>button svg,.dd:hover>button svg{transform:rotate(180deg)}
.dd-panel a{display:grid;gap:1px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink)}
.dd-panel a small{color:var(--ink3);font-size:.82rem}
.dd-panel a:hover,.dd-panel a[aria-current]{background:var(--cream)}
.dd-panel a b{font-weight:600}
.mnav{display:none;margin-left:auto}
.mnav>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line2);color:var(--ink);border-radius:999px;padding:9px 16px;font:600 .9rem var(--fb);cursor:pointer}
.mnav>summary::-webkit-details-marker{display:none}
.mnav-panel{position:absolute;left:0;right:0;top:var(--hh);background:var(--bg);border-bottom:1px solid var(--line);padding:10px var(--g) 20px;max-height:calc(100vh - var(--hh));overflow:auto;box-shadow:var(--sh2)}
.mnav-panel a{display:block;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:500}
.mnav-panel a[aria-current]{color:var(--accent);font-weight:700}
.mnav-panel .grp{font:700 .72rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:14px 0 4px}
.mnav-panel .sub a{padding-left:14px}
.mnav-panel .call{margin-top:14px;text-align:center;border:1.5px solid var(--ink);border-radius:999px;font-weight:600}
@media (max-width:1180px){.nav{display:none}.mnav{display:block}}

/* Breadcrumbs */
.crumbs{font-size:.86rem;color:var(--ink3);margin-bottom:18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li:not(:last-child)::after{content:"/";margin-left:6px;color:var(--ink3)}
.crumbs a{color:var(--ink2)}

/* Buttons */
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:600;text-decoration:none;font-size:1rem;border:1.5px solid transparent;transition:transform .2s,background .2s,color .2s;font-family:var(--fb);cursor:pointer}
.btn-p{background:var(--purple);color:#fff}
.btn-p:hover{transform:translateY(-2px);background:#2f0342}
.btn-s{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-s:hover{transform:translateY(-2px);background:var(--ink);color:var(--bg)}
.more{font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.more::after{content:"";width:18px;height:2px;background:var(--grad);transition:width .25s}
.more:hover::after{width:30px}

/* Home hero */
.hero{position:relative;padding:clamp(32px,4.5vw,64px) 0 clamp(36px,5vw,64px);background:radial-gradient(1200px 500px at 85% -10%,var(--cream),transparent 70%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,5vw,72px);align-items:center}
.issue{font-family:var(--fs);font-style:italic;color:var(--ink2);font-size:1.05rem;margin-bottom:18px}
.hero h1{font-size:clamp(2.5rem,1.2rem + 4.6vw,5.1rem);font-weight:400;letter-spacing:-.03em;line-height:.98;font-variation-settings:"opsz" 144}
.hero h1 em{font-weight:300;color:var(--accent)}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;font-weight:400;padding-right:.06em}
.rib{display:block;width:var(--f);height:46px;margin:26px 0 22px}
.rib path{fill:none;stroke-width:7;stroke-linecap:round}
.lede{font-size:clamp(1.08rem,1rem + .4vw,1.28rem);color:var(--ink2);max-width:38em}
.lede b{color:var(--ink);font-weight:600}
.desk{position:relative}
.note{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:var(--sh2);padding:24px 22px 20px;transform:rotate(1.2deg)}
.note::before{content:"";position:absolute;top:-11px;left:50%;width:84px;height:22px;margin-left:-42px;background:color-mix(in srgb,var(--teal) 30%,transparent);border-radius:2px;transform:rotate(-3deg)}
.note h2{font-size:1.35rem;margin-bottom:12px}
.note ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.note li{display:grid;grid-template-columns:62px 1fr;gap:12px;font-size:.94rem;color:var(--ink2);padding-bottom:12px;border-bottom:1px dashed var(--line2)}
.note li:last-child{border-bottom:0;padding-bottom:0}
.note time{font-family:var(--fs);font-weight:600;color:var(--crimson);line-height:1.15;font-size:.98rem}
.note li b{color:var(--ink);display:block;font-weight:600}
.who{margin:-6px 18px 0;position:relative;z-index:1;background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:14px 18px;font-size:.9rem;color:var(--ink2);transform:rotate(-1.4deg)}
.who b{color:var(--ink)}
@media (max-width:940px){.hero-grid{grid-template-columns:1fr;align-items:start}.note,.who{transform:none}}

/* Inner page hero */
.phero{padding:clamp(28px,4vw,56px) 0 clamp(32px,4.5vw,60px);background:radial-gradient(1000px 420px at 90% -20%,var(--cream),transparent 70%);border-bottom:1px solid var(--line)}
.phero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,64px);align-items:end}
.phero h1{font-size:clamp(2.3rem,1.3rem + 3.6vw,4.3rem);font-weight:400;letter-spacing:-.025em;line-height:1.02;font-variation-settings:"opsz" 144;margin-top:14px}
.phero h1 em{font-weight:300;color:var(--accent)}
.phero .lede{margin-top:18px;margin-bottom:0}
.phero .rib{height:30px;margin:20px 0 0;max-width:420px}
.phero .rib path{stroke-width:6}
.slip{background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:var(--sh2);padding:20px 20px 18px;position:relative;transform:rotate(-.8deg)}
.slip::before{content:"";position:absolute;top:-10px;right:28px;width:70px;height:20px;background:color-mix(in srgb,var(--orange) 26%,transparent);border-radius:2px;transform:rotate(4deg)}
.slip h2{font-size:1.15rem;margin-bottom:8px}
.slip p{font-size:.93rem;color:var(--ink2);margin:0 0 8px}
.slip p:last-child{margin:0}
.slip .big{font-family:var(--fs);font-size:2.2rem;line-height:1;color:var(--ink);margin:4px 0 8px;font-variation-settings:"opsz" 144}
.slip time,.slip .dt{font-family:var(--fs);font-weight:600;color:var(--crimson)}
@media (max-width:900px){.phero-grid{grid-template-columns:1fr;align-items:start}.slip{transform:none}}

/* Prose and layout */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,5vw,72px);align-items:start}
.layout.toc-left{grid-template-columns:240px minmax(0,1fr)}
.prose{max-width:46em}
.prose h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);margin:2em 0 .6em}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.3rem;margin:1.6em 0 .5em}
.prose p,.prose li{color:var(--ink2)}
.prose b,.prose strong{color:var(--ink)}
.prose ul,.prose ol{padding-left:1.2em;margin:0 0 1.2em}
.prose li{margin-bottom:.45em}
.prose .src{font-size:.85rem;color:var(--ink3)}
.aside{position:sticky;top:calc(var(--hh) + 24px);display:grid;gap:16px}
.toc{border-left:3px solid transparent;border-image:var(--gradv) 1;padding:4px 0 4px 16px}
.toc h2{font:700 .74rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.93rem}
.toc a{color:var(--ink2);text-decoration:none}
.toc a:hover,.toc a.on{color:var(--accent);text-decoration:underline}
@media (max-width:960px){.layout,.layout.toc-left{grid-template-columns:1fr}.aside{position:static}}

/* Boxes */
.box{border-radius:16px;padding:18px 20px;background:var(--cream2);border:1px solid var(--line)}
.box h3,.box h4{margin:0 0 8px;font:700 .8rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.box p{margin:0;font-size:.96rem;color:var(--ink2)}
.box p+p{margin-top:8px}
.box.honest{background:var(--hi);border-color:color-mix(in srgb,var(--orange) 30%,transparent)}
.box.honest h3,.box.honest h4{color:var(--crimson)}
.box .src{display:block;margin-top:8px;font-size:.82rem;color:var(--ink3)}
.box.reg{background:var(--paper);box-shadow:var(--sh2)}
.box.reg .n{font-family:var(--fs);font-size:1.6rem;font-weight:500;margin:2px 0;color:var(--ink)}
.box.reg .m{font-weight:700;letter-spacing:.06em;color:var(--teal-ink)}
.box.reg a{display:block;margin-top:8px;font-weight:600}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--sh1);display:flex;flex-direction:column;gap:10px;position:relative}
.card h3{font-size:1.4rem}
.card p{color:var(--ink2);margin:0;font-size:.98rem}
.card .more{margin-top:auto;padding-top:6px}
@media (max-width:960px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cards,.cards.two{grid-template-columns:1fr}}
.tag{display:inline-block;font:700 .7rem var(--fb);letter-spacing:.12em;text-transform:uppercase;background:var(--cream);border-radius:6px;padding:5px 9px;color:var(--ink2)}

/* Tables */
.tblw{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
table.t{width:var(--f);border-collapse:collapse;font-size:.96rem}
.t th,.t td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.t thead th{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:600;background:var(--cream2)}
.t tbody tr:last-child td,.t tbody tr:last-child th{border-bottom:0}
.t .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}
.t tbody th{font-weight:600;color:var(--ink)}
.t td{color:var(--ink2)}

/* Pathways tabs */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.tabs [role=tab]{font:600 .98rem var(--fb);color:var(--ink);background:var(--paper);border:1.5px solid var(--line2);border-radius:999px;padding:11px 20px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.tabs [role=tab]:hover{border-color:var(--ink)}
.tabs [role=tab][aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,4vw,48px);background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,44px);box-shadow:var(--sh1)}
.panel[hidden]{display:none}
.panel+.panel{margin-top:18px}
.panel h3{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem);margin-bottom:12px}
.panel p{color:var(--ink2)}
.panel ul{margin:0 0 1em;padding-left:1.1em;color:var(--ink2)}
.panel li{margin-bottom:6px}
.panel li b{color:var(--ink)}
.side{display:grid;gap:14px;align-content:start}
@media (max-width:900px){.panel{grid-template-columns:1fr}}

/* Journey ribbon (home signature) */
.jr{position:relative;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);--p:1}
.jr-sticky{padding:clamp(56px,8vw,104px) 0}
.jr-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px}
.jr-head .sec-head{margin-bottom:0}
.jr-meter{font-family:var(--fs);font-size:1rem;color:var(--ink2);display:none;margin:0}
.jr-meter b{font-weight:600;color:var(--ink)}
.jr-view{position:relative;margin-top:clamp(28px,4vw,48px)}
.jr-track{position:relative;max-width:var(--max);margin:0 auto;padding:0 var(--g)}
.jr-svg{display:none}
.stages{list-style:none;margin:0;padding:0 0 0 64px;position:relative;display:grid;gap:22px}
.stages::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:6px;border-radius:6px;background:var(--line)}
.jr-line{position:absolute;left:var(--g);margin-left:21px;top:10px;bottom:10px;width:6px;border-radius:6px;background:var(--gradv);transform-origin:top;transform:scaleY(var(--p))}
.stage{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;box-shadow:var(--sh1);transition:border-color .5s,box-shadow .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.node{position:absolute;left:-58px;top:20px;width:38px;height:38px;border-radius:50%;background:var(--paper);border:2px solid var(--line2);display:grid;place-items:center;font-family:var(--fs);font-weight:600;font-size:1rem;color:var(--ink2);transition:background .4s,border-color .4s,color .4s,transform .4s cubic-bezier(.3,1.5,.5,1)}
.stage.on .node{background:var(--sc);border-color:var(--sc);color:#fff;transform:scale(1.08)}
.stage.on{border-color:color-mix(in srgb,var(--sc) 40%,var(--line))}
.stage .step{font:700 .74rem var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--sc)}
.stage h3{font-size:1.5rem;margin:6px 0 10px}
.stage p{font-size:.97rem;color:var(--ink2);margin-bottom:10px}
.stage ul{margin:0 0 12px;padding-left:1.1em;font-size:.94rem;color:var(--ink2)}
.stage li{margin-bottom:4px}
.stage .hn{font-size:.92rem;margin:0;padding:12px 14px;border-radius:12px;background:var(--cream2);color:var(--ink);border-left:3px solid var(--sc)}
.stage .hn b{font-family:var(--fs);font-style:italic;font-weight:600}
.s1{--sc:#450460}.s2{--sc:#3b3f9a}.s3{--sc:#0475b0}.s4{--sc:#08767f}.s5{--sc:#b81a50}.s6{--sc:#c23f1a}
.jr.pin .jr-sticky{position:sticky;top:var(--hh);height:calc(100vh - var(--hh));padding:clamp(28px,4vh,48px) 0 0;overflow:hidden;display:flex;flex-direction:column}
.jr.pin .jr-meter{display:block}
.jr.pin .jr-head{width:var(--f);flex:none}
.jr.pin .sec-head h2{font-size:clamp(2rem,1.2rem + 2.2vw,3rem)}
.jr.pin .sec-head p{font-size:1.02rem}
.jr.pin .jr-view{flex:1;margin-top:clamp(16px,3vh,32px)}
.jr.pin .jr-track{max-width:none;margin:0;width:max-content;padding:0 0 0 max(var(--g),calc((100vw - var(--max)) / 2 + var(--g)));will-change:transform}
.jr.pin .jr-svg{display:block;position:absolute;left:0;top:0;height:120px;width:var(--f);overflow:visible;pointer-events:none}
.jr.pin .jr-svg .bg{fill:none;stroke:var(--line2);stroke-width:4;stroke-linecap:round;stroke-dasharray:2 10}
.jr.pin .jr-svg .rb{fill:none;stroke:url(#rg);stroke-width:12;stroke-linecap:round}
.jr.pin .jr-line{display:none}
.jr.pin .stages{display:flex;gap:28px;padding:120px 26vw 40px 0}
.jr.pin .stages::before{display:none}
.jr.pin .stage{width:372px;flex:none}
.jr.pin .node{left:24px;top:-79px;width:44px;height:44px;box-shadow:0 0 0 6px var(--cream)}
.jr.pin .stage.on{transform:translateY(-6px);box-shadow:var(--sh2)}
.jr-foot{margin-top:24px}
.jr.pin .jr-foot{display:none}
@media (max-height:760px){.jr.pin .sec-head p{display:none}.jr.pin .stage ul{display:none}}

/* What changed */
.counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin-bottom:clamp(28px,4vw,48px)}
.counts div{padding:22px 18px 20px;border-left:1px solid var(--line)}
.counts div:first-child{border-left:0;padding-left:0}
.counts b{display:block;font-family:var(--fs);font-weight:400;font-size:clamp(2.1rem,1.4rem + 2.4vw,3.4rem);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.counts span{font-size:.9rem;color:var(--ink2)}
@media (max-width:820px){.counts{grid-template-columns:1fr 1fr}.counts div:nth-child(3){border-left:0;padding-left:0}.counts div:nth-child(n+3){border-top:1px solid var(--line)}}
.order{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:clamp(28px,4vw,48px)}
.q{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--sh1)}
.q .kick{margin-bottom:8px}
.q h3{font-size:1.45rem;margin-bottom:14px}
.q ol{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px;counter-reset:q}
.q ol li{counter-increment:q;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;font-size:.96rem;color:var(--ink2)}
.q ol li::before{content:counter(q);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--cream);font-family:var(--fs);font-weight:600;color:var(--ink)}
.q ol li b{color:var(--ink)}
.q .src{font-size:.82rem;color:var(--ink3);margin:0}
@media (max-width:820px){.order{grid-template-columns:1fr}}
.dated{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.dated li{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(0,220px);gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.dated time,.dated .when{font-family:var(--fs);font-size:1.12rem;font-weight:600;color:var(--crimson)}
.dated h3{font-size:1.28rem;margin-bottom:6px}
.dated p{margin:0;color:var(--ink2);font-size:.97rem}
.dated .s{font-size:.84rem;color:var(--ink3)}
.dated .ann .when{color:var(--ink3);font-style:italic}
.dated li[hidden]{display:none}
@media (max-width:820px){.dated li{grid-template-columns:1fr;gap:6px}}
.stamp{display:inline-block;font-family:var(--fs);font-style:italic;font-size:1rem;border:1px solid var(--line2);border-radius:999px;padding:6px 14px;color:var(--ink2);background:var(--paper)}
.srcline{margin-top:20px;font-size:.86rem;color:var(--ink3)}

/* Plain language Code of Conduct */
.coc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px)}
.coc-aside{position:sticky;top:calc(var(--hh) + 26px);align-self:start}
.coc-aside h2{font-size:clamp(2rem,1.2rem + 2.8vw,3.3rem);margin-top:14px}
.coc-aside>p{color:var(--ink2);margin-top:14px}
.rules{list-style:none;margin:0;padding:0;counter-reset:r}
.rules li{counter-increment:r;display:grid;grid-template-columns:64px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--line)}
.rules li:first-child{border-top:0;padding-top:0}
.rules li::before{content:counter(r,decimal-leading-zero);font-family:var(--fs);font-size:2.2rem;line-height:1;font-weight:300;color:var(--accent);font-variation-settings:"opsz" 144}
.rules h3{font-size:1.28rem;margin-bottom:6px}
.rules p{margin:0;color:var(--ink2);font-size:.98rem}
.rules p+p{margin-top:8px}
.rules small{display:block;margin-top:6px;color:var(--ink3);font-size:.8rem}
@media (max-width:900px){.coc{grid-template-columns:1fr}.coc-aside{position:static}}

/* Fees */
.fees{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px)}
.fees dl{margin:0}
.fees dt{font-family:var(--fs);font-size:1.2rem;font-weight:600;padding-top:16px;border-top:1px solid var(--line)}
.fees dt:first-child{border-top:0;padding-top:0}
.fees dd{margin:6px 0 16px;color:var(--ink2)}
.vac{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--sh1);align-self:start}
.vac h3{font-size:1.45rem;margin-bottom:4px}
.vac table{width:var(--f);border-collapse:collapse;margin:14px 0;font-size:.96rem}
.vac th,.vac td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.vac td:last-child,.vac th:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap;padding-left:12px}
.vac th{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.vac p{font-size:.86rem;color:var(--ink3);margin:0 0 6px}
@media (max-width:900px){.fees{grid-template-columns:1fr}}
.stack{display:grid;gap:8px;margin:8px 0 0}
.stack div{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--paper);position:relative;overflow:hidden}
.stack div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--c)}
.stack b{font-family:var(--fs);font-size:1.12rem;font-weight:600;padding-left:6px}
.stack span{color:var(--ink2);font-size:.92rem;grid-column:1 / -1;padding-left:6px}
.stack .who2{justify-self:end;font:700 .7rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}

/* Voices */
.voice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.quote{position:relative;background:var(--paper);border:1.5px dashed var(--line2);border-radius:20px;padding:28px;margin:0}
.quote .tag{margin-bottom:12px}
.quote blockquote{margin:0;font-family:var(--fs);font-size:1.3rem;line-height:1.35;font-style:italic;color:var(--ink)}
.quote p{margin:14px 0 0;font-size:.9rem;color:var(--ink3)}
@media (max-width:820px){.voice{grid-template-columns:1fr}}

/* FAQ */
.faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(20px,4vw,64px)}
.faq-list details{border-top:1px solid var(--line2)}
.faq-list details:last-child{border-bottom:1px solid var(--line2)}
.faq-list summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-family:var(--fs);font-size:1.22rem;font-weight:500;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--fb);font-size:1.6rem;font-weight:300;color:var(--accent);transition:transform .3s}
.faq-list details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-list details .a{color:var(--ink2);margin:0 0 20px;max-width:46em}
.faq-list details .a p{margin:0 0 .6em}
@media (max-width:900px){.faq{grid-template-columns:1fr}}

/* Visit and enquiry */
.visit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,4vw,56px);align-items:start}
.visit h2{font-size:clamp(2rem,1.2rem + 2.8vw,3.3rem);margin:14px 0}
.visit .intro{color:var(--ink2)}
.addr{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:22px;display:grid;gap:14px}
.addr div{display:grid;gap:2px}
.addr small{font:700 .72rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.addr a,.addr span{font-size:1.06rem;font-weight:600;color:var(--ink);text-decoration:none;user-select:text;overflow-wrap:anywhere}
.addr a:hover{text-decoration:underline}
form.enq{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,34px);box-shadow:var(--sh2);display:grid;gap:16px;min-width:0}
form.enq h3{font-size:1.5rem}
.fld{display:grid;gap:6px;min-width:0}
.fld label{font-weight:600;font-size:.95rem}
.fld .opt{font-weight:400;color:var(--ink3)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input[type=text],input[type=email],input[type=tel],input[type=search],input[type=number],select,textarea{width:var(--f);font:inherit;font-size:1rem;color:var(--ink);background:var(--bg);border:1.5px solid var(--line2);border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 16%,transparent)}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:.94rem}
.chk input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--purple);flex:none}
.privacy{font-size:.85rem;color:var(--ink3);margin:0}
.marn{font-size:.9rem;margin:0;padding:12px 14px;border-radius:10px;background:var(--cream);color:var(--ink)}
.submit{justify-self:start}
@media (max-width:900px){.visit{grid-template-columns:1fr}}
@media (max-width:620px){.row2{grid-template-columns:1fr}}

/* Compliance strip (every page) */
.comply{background:var(--paper);border-top:1px solid var(--line);padding:clamp(36px,5vw,56px) 0}
.comply-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);gap:clamp(20px,4vw,56px);align-items:start}
.comply h2{font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem);margin-top:10px}
.comply ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 26px}
.comply li{font-size:.92rem;color:var(--ink2);padding-left:16px;position:relative}
.comply li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--grad)}
.comply li b{color:var(--ink);display:block;font-weight:600}
@media (max-width:1000px){.comply-grid{grid-template-columns:1fr}.comply ul{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.comply ul{grid-template-columns:1fr}}

/* Footer */
.ftr-rib{height:5px;background:var(--grad)}
.ftr{border-top:1px solid var(--line);padding:48px 0 34px;background:var(--cream2);font-size:.92rem;color:var(--ink2)}
.ftr-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:28px}
.ftr h2{margin:0 0 10px;font:700 .74rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ftr a{color:var(--ink)}
.ftr .logo img{height:42px}
.ftr .contact{margin:14px 0 0;max-width:30em}
.legal{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:4px;font-size:.86rem}
.legal b{color:var(--ink);font-weight:600}
@media (max-width:980px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr-grid>div:first-child{grid-column:1 / -1}}
@media (max-width:560px){.ftr-grid{grid-template-columns:1fr}}

/* Student page: before and after 2 October 2026 */
.cmp{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--paper);box-shadow:var(--sh1)}
.cmp>div{padding:clamp(20px,3vw,32px)}
.cmp>div+div{border-left:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 7%,var(--paper)),var(--paper))}
.cmp h3{font-size:1.35rem;margin:8px 0 12px}
.cmp ul{margin:0;padding-left:1.1em;color:var(--ink2)}
.cmp li{margin-bottom:8px}
.cmp .dt{font-family:var(--fs);font-weight:600;color:var(--crimson)}
@media (max-width:760px){.cmp{grid-template-columns:1fr}.cmp>div+div{border-left:0;border-top:1px solid var(--line)}}
.funds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.funds div{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.funds b{display:block;font-family:var(--fs);font-size:1.7rem;font-weight:500;letter-spacing:-.02em}
.funds span{font-size:.9rem;color:var(--ink2)}
@media (max-width:640px){.funds{grid-template-columns:1fr}}
.pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 1em;padding:0}
.pills li{border:1px solid var(--line2);border-radius:999px;padding:6px 14px;font-size:.92rem;background:var(--paper);color:var(--ink);margin:0}

/* Skilled page: processing ladder */
.ladder{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:l}
.ladder li{counter-increment:l;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 18px;position:relative;margin-left:calc(var(--i,0) * 22px)}
.ladder li::before{content:counter(l);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--fs);font-weight:600;font-size:1.2rem;color:#fff;background:var(--c,#450460)}
.ladder b{display:block;color:var(--ink)}
.ladder span{color:var(--ink2);font-size:.95rem}
@media (max-width:640px){.ladder li{margin-left:0}}

/* Partner page: the queue */
.queue{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.queue .lane{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px}
.queue .lane.first{border-color:color-mix(in srgb,var(--teal) 45%,var(--line));box-shadow:var(--sh2)}
.queue .lane h3{font-size:1.25rem;margin:6px 0 8px}
.queue .lane p{color:var(--ink2);margin:0;font-size:.96rem}
.queue .arrow{display:grid;place-items:center;color:var(--ink3)}
.queue .arrow svg{width:40px;height:40px}
@media (max-width:760px){.queue{grid-template-columns:1fr}.queue .arrow svg{transform:rotate(90deg)}}

/* Visitor page: before you fly checklist */
.fly{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,32px);box-shadow:var(--sh1)}
.fly ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fly li{display:grid;grid-template-columns:28px 1fr;gap:12px;color:var(--ink2)}
.fly li::before{content:"";width:22px;height:22px;border-radius:6px;border:2px solid var(--teal);margin-top:2px;background:linear-gradient(135deg,transparent 45%,color-mix(in srgb,var(--teal) 30%,transparent) 46%)}
.fly li b{color:var(--ink)}

/* How we work page: stage index and full stages */
.hw{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start}
.hw-index{position:sticky;top:calc(var(--hh) + 24px)}
.hw-index ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;position:relative}
.hw-index ol::before{content:"";position:absolute;left:15px;top:16px;bottom:16px;width:3px;background:var(--gradv);border-radius:3px;opacity:.35}
.hw-index a{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;padding:6px 0;text-decoration:none;color:var(--ink2);font-weight:500;position:relative}
.hw-index a span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:2px solid var(--line2);font-family:var(--fs);font-weight:600;color:var(--ink2);transition:background .3s,border-color .3s,color .3s}
.hw-index a.on{color:var(--ink)}
.hw-index a.on span{background:var(--sc);border-color:var(--sc);color:#fff}
.hw-stage{scroll-margin-top:calc(var(--hh) + 20px);padding:0 0 clamp(36px,5vw,56px);margin:0 0 clamp(36px,5vw,56px);border-bottom:1px solid var(--line)}
.hw-stage:last-child{border-bottom:0;margin-bottom:0}
.hw-stage .step{font:700 .76rem var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--sc)}
.hw-stage h2{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem);margin:8px 0 14px}
.hw-stage>p{color:var(--ink2);max-width:44em}
.hw-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.hw-two .box h3{color:var(--sc)}
.hw-two ul{margin:0;padding-left:1.1em;color:var(--ink2);font-size:.96rem}
.hw-two li{margin-bottom:5px}
.hw-stage .hn{padding:14px 16px;border-radius:12px;background:var(--cream2);border-left:4px solid var(--sc);margin:0;color:var(--ink)}
.hw-stage .hn b{font-family:var(--fs);font-style:italic}
@media (max-width:960px){.hw{grid-template-columns:1fr}.hw-index{position:static}.hw-index ol{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-index ol::before{display:none}}
@media (max-width:760px){.hw-two{grid-template-columns:1fr}}

/* Living in Australia hub */
.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px 24px 22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px;box-shadow:var(--sh1);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;overflow:hidden}
.guide::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--c)}
.guide:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.guide .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,var(--paper));color:var(--c)}
.guide .ic svg{width:26px;height:26px}
.guide h2{font-size:1.45rem}
.guide p{margin:0;color:var(--ink2);font-size:.97rem}
.guide .more{margin-top:auto;color:var(--link)}
@media (max-width:960px){.guides{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.guides{grid-template-columns:1fr}}
.links{list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:8px}
.links li{margin:0;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.links a{font-weight:600}
.links span{display:block;font-size:.9rem;color:var(--ink3)}

/* Aussie slang */
.slang-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:20px}
.slang-tools .fld{flex:1 1 280px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{font:600 .88rem var(--fb);border:1.5px solid var(--line2);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 14px;cursor:pointer}
.chips button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.slang{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.slang li{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;position:relative}
.slang li[hidden]{display:none}
.slang dfn{font-style:normal;font-family:var(--fs);font-size:1.45rem;font-weight:500;display:block;color:var(--ink)}
.slang .m{display:block;color:var(--ink2);margin-top:4px}
.slang .e{display:block;margin-top:8px;font-size:.9rem;font-style:italic;color:var(--ink3)}
.slang .k{position:absolute;right:14px;top:14px}
.slang-count{font-size:.9rem;color:var(--ink3);margin:0 0 12px}
@media (max-width:960px){.slang{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.slang{grid-template-columns:1fr}}

/* Updates register filter */
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}

/* About */
.entity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--paper)}
.entity div{padding:22px;border-left:1px solid var(--line)}
.entity div:first-child{border-left:0}
.entity small{font:700 .72rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);display:block;margin-bottom:6px}
.entity b{font-family:var(--fs);font-size:1.25rem;font-weight:500;display:block}
.entity span{display:block;color:var(--ink2);font-size:.93rem;margin-top:4px}
@media (max-width:820px){.entity{grid-template-columns:1fr}.entity div{border-left:0;border-top:1px solid var(--line)}.entity div:first-child{border-top:0}}

/* Thank you and 404 */
.center{max-width:760px;margin:0 auto;text-align:center}
.center .btns{justify-content:center}
.lost{width:min(520px,var(--f));height:auto;margin:0 auto 10px;display:block}
.lost path{fill:none;stroke-linecap:round}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.mast,.hdr,.comply,.ftr-rib,form.enq{display:none}body{background:#fff}}

/* Photographs. Frames only; text never sits on a photo. */
.media{position:relative;margin:0;border-radius:20px;overflow:hidden;background:var(--cream);aspect-ratio:var(--ar,3/2);box-shadow:var(--sh2)}
.media picture,.media img{display:block;width:var(--f);height:var(--f)}
.media img{object-fit:cover}
.media.is-empty{background:radial-gradient(120% 90% at 20% 10%,color-mix(in srgb,var(--teal) 16%,var(--cream)),transparent 60%),radial-gradient(90% 80% at 90% 90%,color-mix(in srgb,var(--crimson) 13%,var(--cream)),transparent 60%),linear-gradient(135deg,var(--cream2),var(--cream));box-shadow:inset 0 0 0 1px var(--line)}
.media.is-empty::after{content:"";position:absolute;inset:auto 18px 18px 18px;height:5px;border-radius:5px;background:var(--grad);opacity:.55}
a.card,a.card:hover{text-decoration:none;color:var(--ink)}
a.card:hover{box-shadow:var(--sh2)}
/* Home hero: framed photo with the desk note pinned over its lower edge */
.desk .hero-frame{border-radius:26px 26px 26px 6px;transform:rotate(-1deg)}
.desk .hero-frame+.note{margin:-64px 0 0 -28px;width:calc(var(--f) - 12px)}
@media (max-width:940px){.desk .hero-frame{aspect-ratio:3/2;transform:none}.desk .hero-frame+.note{margin:-48px 12px 0;width:auto}}
/* Inner page hero: photo with the slip pinned under it */
.phmedia{display:grid;align-content:end}
.phmedia .media{border-radius:22px 22px 22px 6px}
.phmedia .media+.slip{margin:-44px 0 0 -22px;width:calc(var(--f) - 8px);z-index:1}
@media (max-width:900px){.phmedia .media+.slip{margin:-36px 12px 0;width:auto}}
/* Pathway panels */
.side-photo{border-radius:16px;box-shadow:none;aspect-ratio:16/9}
/* Journey ribbon photo tiles */
.jr-ph{list-style:none}
.jr-ph .media{border-radius:18px}
.jr:not(.pin) .jr-ph .media{aspect-ratio:21/9;box-shadow:var(--sh1)}
.jr.pin .jr-ph{flex:none;width:280px;align-self:center}
@media (max-height:760px){.jr.pin .jr-ph{width:220px}}
/* Community gallery strip */
.gal-head{max-width:780px;margin-bottom:28px;display:grid;gap:12px}
.gal-head h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem)}
.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1440px;margin:0 auto;padding:0 var(--g)}
.gallery .media{aspect-ratio:3/4;border-radius:18px}
.gallery .media:nth-child(even){transform:translateY(28px)}
.gallery-sec .srcline{margin-top:46px}
@media (max-width:820px){.gallery{grid-template-columns:repeat(5,72vw);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;max-width:none}.gallery .media{scroll-snap-align:center}.gallery .media:nth-child(even){transform:none}.gallery-sec .srcline{margin-top:18px}}
/* Visit photo and guide covers */
.visit-photo{margin-top:22px}
.guide .cover{margin:-26px -24px 4px;border-radius:0;box-shadow:none;aspect-ratio:16/9}
.guide::before{z-index:1}
@media (max-width:700px){.mast .wrap>span{display:none}.mast .wrap{justify-content:flex-start}}
.desk .hero-frame{aspect-ratio:5/4}
@media (max-width:700px){.mast nav a:first-child{display:none}}
.strip-h{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem);margin-bottom:18px}
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.strip .media{border-radius:16px;box-shadow:var(--sh1)}
.strip p{margin:10px 0 0;font:600 .8rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.band{margin-top:clamp(28px,4vw,48px)}
.band .media{border-radius:24px}
.band .srcline{margin-top:12px}
@media (max-width:760px){.strip{grid-template-columns:1fr 1fr}.band .media{aspect-ratio:16/10}}
@media (min-width:941px){.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.desk .hero-frame+.note{margin:-72px 0 0 auto;width:86%}.desk .who{margin-left:auto;width:80%}}

/* ---------- Build 2: library, tools, languages, action bar ---------- */
.lang-pa{--fb:"Noto Sans Gurmukhi","Hanken Grotesk","Nirmala UI",sans-serif}
.lang-hi{--fb:"Noto Sans Devanagari","Hanken Grotesk","Nirmala UI",sans-serif}
.lang-pa h1,.lang-pa h2,.lang-pa h3,.lang-hi h1,.lang-hi h2,.lang-hi h3{font-family:var(--fb);font-weight:600;letter-spacing:0;line-height:1.3}
.lang-pa .grad,.lang-hi .grad{font-style:normal}
.lang-pa p,.lang-pa li,.lang-hi p,.lang-hi li{line-height:1.8}
.mast .trust{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center}
.mast .trust b{font-weight:600}
.langs,.mlangs{display:flex;gap:4px}
.langs a,.mlangs a{text-decoration:none;color:var(--ink2);padding:2px 9px;border-radius:999px;border:1px solid transparent;font-weight:600}
.langs a[aria-current],.mlangs a[aria-current]{border-color:var(--line2);background:var(--paper);color:var(--ink)}
.langs a:hover{color:var(--accent)}
.mlangs{padding:8px 0}
.mnav-panel .mlangs a{border-bottom:0;padding:8px 14px}
@media (max-width:760px){.mast .trust>span,.mast .trust>a{display:none}.mast .trust{font-size:.78rem}.mast .wrap{justify-content:space-between}}
/* Mega menu */
.dd.mega{position:static}
.hdr .wrap{position:relative}
.dd.mega .dd-panel{left:var(--g);right:var(--g);top:calc(var(--hh) - 6px);min-width:0;padding:18px}
.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 18px}
.mcol{display:grid;align-content:start;gap:0}
.dd-panel .mhead{padding:8px 10px;border-radius:10px}
.dd-panel .mhead b{font-family:var(--fs);font-size:1.05rem;font-weight:600}
.dd-panel .mlink{display:block;padding:5px 10px;font-size:.88rem;color:var(--ink2);border-radius:8px}
.dd-panel .mlink span{font-weight:700;color:var(--accent);font-size:.8rem}
.mcol.mall{background:var(--cream2);border-radius:12px;padding:4px}
/* Visa cards */
.vcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vcard{display:flex;flex-direction:column;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;text-decoration:none;color:var(--ink);box-shadow:var(--sh1);transition:transform .25s,box-shadow .25s}
.vcard:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.vc-code{font:700 .78rem var(--fb);letter-spacing:.1em;color:var(--accent)}
.vcard b{font-family:var(--fs);font-size:1.22rem;font-weight:500;line-height:1.2}
.lang-pa .vcard b,.lang-hi .vcard b{font-family:var(--fb);font-weight:600}
.vc-sum{color:var(--ink2);font-size:.93rem}
.vc-fee{margin-top:auto;padding-top:6px;font-size:.84rem;color:var(--ink3)}
.vcard .chips{display:flex;flex-wrap:wrap;gap:4px}
@media (max-width:960px){.vcards{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.vcards{grid-template-columns:1fr}}
.vgroup{margin-bottom:44px;scroll-margin-top:calc(var(--hh) + 20px)}
.vgroup h2{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem);margin-bottom:4px}
.vgroup .srcline{margin:0 0 16px}
.chip{display:inline-block;font:700 .66rem var(--fb);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px;border:1px solid var(--line2);background:var(--paper);color:var(--ink2);white-space:nowrap}
.chip.on{border-color:color-mix(in srgb,var(--teal) 50%,var(--line));color:var(--teal-ink)}
.chip.chg{border-color:color-mix(in srgb,var(--orange) 50%,var(--line));color:#a3361a}
.chip.inv{border-color:color-mix(in srgb,var(--blue) 45%,var(--line));color:var(--blue)}
.chip.bal{border-color:color-mix(in srgb,var(--purple) 40%,var(--line));color:var(--accent)}
.chip.closed{border-color:var(--ink3);color:var(--ink3)}
p.chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
/* Visa page */
.vcode{font-family:var(--fb);font-size:.45em;font-weight:700;letter-spacing:.06em;color:var(--accent);vertical-align:middle;border:1.5px solid var(--line2);border-radius:999px;padding:4px 12px;white-space:nowrap}
.facts dl{margin:6px 0 0;display:grid;gap:2px}
.facts dt{font:700 .7rem var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-top:8px}
.facts dd{margin:0;color:var(--ink);font-size:.95rem}
.vjourney{list-style:none;margin:0;padding:0;counter-reset:j;display:grid;gap:12px;position:relative}
.vjourney::before{content:"";position:absolute;left:22px;top:12px;bottom:12px;width:4px;border-radius:4px;background:var(--gradv);opacity:.5}
.vjourney li{counter-increment:j;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px 16px 64px;position:relative}
.vjourney li::before{content:counter(j);position:absolute;left:9px;top:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:2px solid var(--accent);font-family:var(--fs);font-weight:600;color:var(--accent)}
.vstep b{font-family:var(--fs);font-size:1.12rem;font-weight:500}
.lang-pa .vstep b,.lang-hi .vstep b{font-family:var(--fb);font-weight:600}
.vhelp{color:var(--ink2);font-size:.95rem}
.vhelp span{display:block;font:700 .68rem var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink);margin-bottom:2px}
@media (max-width:760px){.vjourney li{grid-template-columns:1fr;gap:6px}}
.cols2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:900px){.cols2{grid-template-columns:1fr}}
.h2s{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.1rem);margin-bottom:10px}
.xlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.xlist li{position:relative;padding:10px 14px 10px 40px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink2)}
.xlist li::before{content:"";position:absolute;left:14px;top:20px;width:12px;height:2px;background:var(--crimson)}
.ticks{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px}
.ticks label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;cursor:pointer}
.ticks input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--teal-ink);flex:none}
.ticks input:checked+span{color:var(--ink3);text-decoration:line-through}
.ticks .muted{color:var(--ink3);padding:10px 0}
.vdated li{grid-template-columns:180px minmax(0,1fr)}
@media (max-width:820px){.vdated li{grid-template-columns:1fr}}
.srclist{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.92rem}
.keylist{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px;max-width:900px}
.keylist li{padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:12px;color:var(--ink2)}
.keylist li b{color:var(--ink)}
.feedl{margin:0}
.feedl dt{font-family:var(--fs);font-size:1.15rem;font-weight:600;padding-top:14px;border-top:1px solid var(--line)}
.lang-pa .feedl dt,.lang-hi .feedl dt{font-family:var(--fb)}
.feedl dt:first-child{border-top:0;padding-top:0}
.feedl dd{margin:6px 0 14px;color:var(--ink2)}
/* Home additions */
.paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.paths .card{padding:0;overflow:hidden;text-decoration:none;color:var(--ink)}
.paths .card .media{border-radius:0;box-shadow:none;aspect-ratio:4/3}
.paths .card .in{padding:18px 20px 20px;display:grid;gap:6px}
@media (max-width:960px){.paths{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.paths{grid-template-columns:1fr}}
.toolband{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;background:var(--cream2);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,32px)}
.toolband h3{font-size:1.6rem;margin:8px 0 6px}
.toolband p{margin:0;color:var(--ink2);max-width:40em}
.toolband .btns{margin-top:0}
.sessions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.session{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:8px;box-shadow:var(--sh1)}
.session .when{font:700 .72rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--crimson)}
.session h3{font-size:1.25rem}
.session p{margin:0;color:var(--ink2);font-size:.95rem}
@media (max-width:900px){.sessions{grid-template-columns:1fr}}
.suburbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.suburbs li{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px 16px 46px;position:relative}
.suburbs li::before{content:"";position:absolute;left:18px;top:21px;width:14px;height:14px;border-radius:50%;background:var(--grad)}
.suburbs b{display:block;font-family:var(--fs);font-size:1.2rem;font-weight:500}
.suburbs span{color:var(--ink2);font-size:.93rem}
@media (max-width:820px){.suburbs{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.suburbs{grid-template-columns:1fr}}
.reviews-empty{background:var(--paper);border:1.5px dashed var(--line2);border-radius:20px;padding:24px;max-width:760px}
.reviews-empty p{margin:0;font-family:var(--fs);font-size:1.2rem;font-style:italic;color:var(--ink)}
.lang-pa .reviews-empty p,.lang-hi .reviews-empty p{font-family:var(--fb);font-style:normal}
#reviews .srcline{max-width:760px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.steps li::before{content:counter(s);width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--cream);font-family:var(--fs);font-weight:600;font-size:1.15rem;color:var(--accent)}
.steps b{display:block;color:var(--ink)}
.steps span{color:var(--ink2);font-size:.96rem}
.hwsteps li::before{background:var(--sc);color:#fff}
.t.wide{min-width:760px}
.t td.num,.t th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.t td.num{font-weight:650;color:var(--ink)}
/* Forms */
.fs{border:0;padding:0;margin:0;display:grid;gap:8px;min-width:0}
.fs legend{font-weight:600;font-size:.95rem;margin-bottom:6px;padding:0}
.mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mode label{display:grid;gap:4px;border:1.5px solid var(--line2);border-radius:14px;padding:12px 14px;background:var(--paper);cursor:pointer;font-weight:600;font-size:.95rem}
.mode input{accent-color:var(--purple)}
.mode label:has(input:checked){border-color:var(--purple);box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 12%,transparent)}
@media (max-width:620px){.mode{grid-template-columns:1fr}}
.slots{display:flex;flex-wrap:wrap;gap:8px}
.slots.col{flex-direction:column}
.slots label{display:inline-flex;gap:8px;align-items:center;border:1.5px solid var(--line2);border-radius:999px;padding:8px 14px;background:var(--paper);cursor:pointer;font-size:.93rem}
.slots.col label{border-radius:12px;align-items:flex-start}
.slots input{accent-color:var(--purple);width:18px;height:18px;margin:0;flex:none}
.slots label:has(input:checked){border-color:var(--purple);background:color-mix(in srgb,var(--purple) 6%,var(--paper))}
.sendrow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.sendrow .privacy{margin:0}
@media (max-width:620px){.sendrow{grid-template-columns:1fr}}
/* Tools */
.tool{display:grid;gap:20px;max-width:980px}
.toolform{display:grid;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:var(--sh1)}
.note-box{background:var(--hi);border:1px solid color-mix(in srgb,var(--orange) 30%,transparent);border-radius:14px;padding:14px 16px;color:var(--ink);font-size:.95rem}
.result{display:grid;gap:4px;background:var(--cream);border-radius:22px;padding:22px 24px;border:1px solid var(--line)}
.r-label{font:700 .74rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.r-num{font-family:var(--fs);font-size:clamp(2.4rem,1.6rem + 3vw,4rem);font-weight:400;line-height:1;font-variant-numeric:tabular-nums}
.result p{margin:6px 0 0;color:var(--ink2)}
.tooldisc{margin-top:22px}
.toolcard{text-decoration:none;color:var(--ink)}
.toolcard h2{font-size:1.4rem}
.toolform .chk{align-self:center}
/* Mobile action bar */
.actionbar{display:none}
@media (max-width:760px){
  .actionbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
  .actionbar a{display:grid;justify-items:center;gap:2px;padding:6px 4px;border-radius:12px;text-decoration:none;color:var(--ink);font:600 .78rem var(--fb)}
  .actionbar a.hot{background:var(--purple);color:#fff}
  .actionbar svg{width:20px;height:20px}
  body{padding-bottom:76px}
}
/* Print a checklist on its own */
@media print{
  .actionbar,button[data-print],#cqbar{display:none!important}
  .print-checklist main>section:not(.has-checklist),.print-checklist .comply,.print-checklist .ftr,.print-checklist .ftr-rib,.print-checklist .hdr,.print-checklist .mast{display:none!important}
  .print-checklist .has-checklist .cols2>*:not(.checklist),.print-checklist .has-checklist .toolform,.print-checklist .has-checklist .note-box{display:none!important}
  .ticks label{border:1px solid #999}
}
@media (max-width:760px){.mast .trust{display:none}.mast .wrap{justify-content:flex-end;padding-top:6px;padding-bottom:6px}.mast nav.langs{flex-wrap:wrap}}
.nav>a,.dd>button{white-space:nowrap}.nav .call{white-space:nowrap}
.toolform .row2,.enq .row2{align-items:start}
@media (max-width:700px){.mast nav.langs a:first-child{display:block}}
.pc-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:24px;align-items:start}
.pc-side{position:sticky;top:calc(var(--hh) + 20px);display:grid;gap:14px}
.pc .fnote{display:block;margin:4px 0 0;font-size:.84rem;color:var(--ink3)}
.pc .pcflag{align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.pc .pp{color:var(--accent);font-weight:700}
.pc .pcpass{margin:4px 0 0}
.pc.meets .result{border-color:color-mix(in srgb,var(--teal) 45%,var(--line));background:color-mix(in srgb,var(--teal) 8%,var(--paper))}
.pc tr.zero td{color:var(--ink3)}
.pc tr.tot th,.pc tr.tot td{font-weight:700;border-top:2px solid var(--line2)}
.pc .t caption{caption-side:top;text-align:left;padding:12px 16px 4px;font:700 .74rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.pc-eng{background:var(--cream2);border:1px solid var(--line);border-radius:22px;padding:clamp(18px,3vw,28px);display:grid;gap:12px}
.eng4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.result.small{padding:12px 16px;font-weight:600}
.closedcard{margin-top:10px;text-decoration:none;color:var(--ink);max-width:620px}
@media (max-width:900px){.pc-grid{grid-template-columns:1fr}.pc-side{position:static}}
@media (max-width:560px){.eng4{grid-template-columns:1fr 1fr}}
@media (max-width:960px){.layout,.layout.toc-left{grid-template-columns:minmax(0,1fr)}}.prose .tblw{margin-bottom:1em}
@media (max-width:900px){.cols2{grid-template-columns:minmax(0,1fr)}}
#repTable thead th:first-child,#repTable tbody th{white-space:nowrap;overflow-wrap:normal}

/* ---------- Build 4: framed videos and visa photos ---------- */
.vmedia{position:relative;margin:0;border-radius:24px;overflow:hidden;background:var(--cream);aspect-ratio:var(--ar,16/9);box-shadow:var(--sh2);border:1px solid var(--line)}
.vmedia video{display:block;width:var(--f);height:var(--f);object-fit:cover}
.vplay{position:absolute;right:14px;bottom:14px;width:52px;height:52px;border-radius:50%;border:0;background:color-mix(in srgb,var(--paper) 92%,transparent);color:var(--purple);box-shadow:var(--sh2);cursor:pointer;display:grid;place-items:center}
.vplay svg{width:24px;height:24px}
.vplay.on svg path{d:path("M7 5h4v14H7zM13 5h4v14h-4z")}
.vband-sec{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(28px,4vw,56px)}
.vband{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(20px,4vw,56px);align-items:center}
.vband.flip{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.vband.flip .vmedia{order:2}
.vb-text h2{font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem);margin:10px 0}
.vb-text p{color:var(--ink2);margin:0}
.vsolo{max-width:980px}
.vinline{margin:22px 0 6px;max-width:760px}
@media (max-width:860px){.vband,.vband.flip{grid-template-columns:minmax(0,1fr)}.vband.flip .vmedia{order:0}}
.vthumb{border-radius:12px;box-shadow:none;margin:-4px -4px 6px;aspect-ratio:16/9}
.vcard .vthumb img{width:var(--f);height:var(--f);object-fit:cover}
.vhero-media{border-radius:22px 22px 22px 6px}

/* ---------- QA pass 23 Oct 2026 ---------- */
/* Tables: never break inside a word; text values wrap; wide tables scroll with a visible cue */
.t td,.t th{overflow-wrap:normal;word-break:normal;hyphens:manual}
.t tbody th[scope=row]{min-width:8.5rem}
.t td.txt{text-align:left;font-weight:600;color:var(--ink);min-width:9rem}
.t.wide3{min-width:680px}
.t.wide3 td{min-width:11rem}
.tblw{background:linear-gradient(90deg,var(--paper) 30%,rgba(255,255,255,0)) left center/40px 100.0% no-repeat local,linear-gradient(270deg,var(--paper) 30%,rgba(255,255,255,0)) right center/40px 100.0% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),rgba(0,0,0,0)) left center/14px 100.0% no-repeat scroll,radial-gradient(farthest-side at 100.0% 50%,rgba(0,0,0,.2),rgba(0,0,0,0)) right center/14px 100.0% no-repeat scroll,var(--paper)}
.tblw .t tbody tr{background:transparent}
.swipe{display:none}
@media (max-width:760px){
  .swipe{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.86rem;font-weight:600;color:var(--ink2)}
  .swipe svg{width:18px;height:18px;flex:none}
}
.vempty{margin:0;color:var(--ink2)}
.seealso{display:inline-block;margin-left:4px;font-size:.92em;color:var(--ink2)}
.nowrap{white-space:nowrap}
h1,h2,h3,.kick,.issue,.lede-kicker{text-wrap:balance}
.enmark{font-size:.78em;font-weight:500;color:var(--ink3);white-space:nowrap}
/* Fees cost cards: label sits beside the title */
.stack .who2{grid-column:2;grid-row:1;padding-left:0}
/* Aussie slang: chip in flow above the term */
.slang .k{position:static;display:inline-block;margin:0 0 8px}
/* Mobile menu: last items clear the action bar and the screen edge */
.mnav-panel{max-height:calc(100dvh - var(--hh) - 41px);padding-bottom:calc(28px + env(safe-area-inset-bottom))}
body:has(details.mnav[open]) .actionbar{display:none}
/* Mobile tap targets of at least 40px */
@media (max-width:760px){
  nav.langs a,.mlangs a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px}
  .mnav>summary{min-height:44px}
  a.more,.box a,.box.reg a,.addr a,.ctc a,.srclist a{display:inline-block;padding-block:9px}
  .chips button,.filter button,.chips a{min-height:40px}
  input[type=radio],input[type=checkbox]{width:22px;height:22px}
  .crumbs a{display:inline-block;padding-block:8px}
}
/* Mobile visa hero: the facts slip covers less of the photo */
@media (max-width:600px){.phmedia .media+.slip{margin-top:-20px}.vhero-media img{object-position:50% 28%!important}}
/* Gurmukhi and Devanagari: no synthetic italics, tracking or capitals */
:is(.lang-pa,.lang-hi) :is(em,i,b,dfn,.grad,.issue,.stamp,.hn b,blockquote,.e,.when),[lang=pa],[lang=hi]{font-style:normal}
:is(.lang-pa,.lang-hi) *,[lang=pa],[lang=hi]{letter-spacing:0!important}
:is(.lang-pa,.lang-hi) :is(.kick,.grp,.step,.tag,.chip,.vhelp span,.facts dt,.box h3,.box h4,.toc h2,.ftr h2,.t thead th,.vac th,.r-label,.session .when,.strip p,.entity small,.addr small,.stack .who2,.vc-code,label){text-transform:none}
:is(.lang-pa,.lang-hi) .kick{font-size:.88rem}
/* Dark mode: accents and stage colours at 4.5:1 or better, a softer logo plate and a visible primary button edge */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .stage .step,:root:not([data-theme="light"]) .hw-stage .step,:root:not([data-theme="light"]) .hw-two .box h3{color:color-mix(in srgb,var(--sc) 40%,#fff)}:root:not([data-theme="light"]) .logo{background:#f3ede5}:root:not([data-theme="light"]) .btn-p{background:#6a2a8c;box-shadow:0 0 0 1px rgba(255,255,255,.28)}:root:not([data-theme="light"]) .btn-p:hover{background:#7b3aa0}}
:root[data-theme="dark"] .stage .step,:root[data-theme="dark"] .hw-stage .step,:root[data-theme="dark"] .hw-two .box h3{color:color-mix(in srgb,var(--sc) 40%,#fff)}
:root[data-theme="dark"] .logo{background:#f3ede5}
:root[data-theme="dark"] .btn-p{background:#6a2a8c;box-shadow:0 0 0 1px rgba(255,255,255,.28)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chip.chg{color:#f5a183}:root:not([data-theme="light"]) .chip.inv{color:#7cc6ef}:root:not([data-theme="light"]) .chip.on{color:var(--teal-ink)}}
:root[data-theme="dark"] .chip.chg{color:#f5a183}:root[data-theme="dark"] .chip.inv{color:#7cc6ef}
/* wide table cue, driven by site.js: fade edges while columns sit off screen; the hint shows whenever the table scrolls */
.tblw.more{-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--f) - 56px),rgba(0,0,0,.15));mask-image:linear-gradient(90deg,#000 calc(var(--f) - 56px),rgba(0,0,0,.15))}
.tblw.more.less{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 40px,#000 calc(var(--f) - 56px),rgba(0,0,0,.15));mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 40px,#000 calc(var(--f) - 56px),rgba(0,0,0,.15))}
.tblw.less:not(.more){-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 40px);mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000 40px)}
.swipe,.swipe.on{display:none}
@media (max-width:760px){.swipe.on{display:flex}}
/* dark mode: the gradient text runs on light stops so every part reads at 4.5:1 or better */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .grad{background-image:linear-gradient(90deg,#cfa3ec 0%,#6cc0ef 28%,#4fd0d6 50%,#f38aac 75%,#f69a74)}}
:root[data-theme="dark"] .grad{background-image:linear-gradient(90deg,#cfa3ec 0%,#6cc0ef 28%,#4fd0d6 50%,#f38aac 75%,#f69a74)}
/* ---------- Tools fix pass 23 Oct 2026: radio cards, searchable visa lists, sticky points total ---------- */
.rgroup{border:0;padding:0;margin:0 0 18px;min-width:0}
.rgroup legend{font-weight:650;font-size:1rem;margin-bottom:8px;padding:0;color:var(--ink)}
.rcards{display:grid;gap:8px}
.rcards.cols2g,.cols2g .rcards{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols3g .rcards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:600px){.rcards.cols2g,.cols2g .rcards,.cols3g .rcards{grid-template-columns:minmax(0,1fr)}}
.rcard{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:11px 14px;border:1.5px solid var(--line2);border-radius:14px;background:var(--paper);cursor:pointer;color:var(--ink);line-height:1.45}
.rcard input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--purple)}
.rcard .rc-l{flex:1;min-width:0;overflow-wrap:break-word;font-size:.95rem}
.rcard .rc-p{flex:none;font-weight:700;font-size:.86rem;color:var(--ink2);white-space:nowrap;padding-left:6px}
.rcard:hover{border-color:var(--ink3)}
.rcard:has(input:checked){border-color:var(--purple);background:color-mix(in srgb,var(--purple) 8%,var(--paper));box-shadow:inset 0 0 0 1px var(--purple)}
.rcard:has(input:checked) .rc-p{color:var(--accent)}
.rcard:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}
.rcard.sm{min-height:44px;padding:9px 12px}
.pcflag.rcard{margin:0 0 8px}
.rgroup.bad .rcards{outline:2px solid var(--crimson);outline-offset:4px;border-radius:14px}
.vpick{border:0;padding:0;margin:0 0 16px;min-width:0}
.vpick legend{font-weight:650;font-size:1rem;margin-bottom:8px;padding:0}
.vp-q{margin-bottom:8px}
.vp-list{display:grid;gap:6px;max-height:340px;overflow:auto;padding:4px;border:1px solid var(--line);border-radius:16px;background:var(--cream2)}
.vp-chosen{margin:0 0 8px;font-size:.94rem;color:var(--ink2)}
.vp-chosen b{color:var(--ink)}
.vp-none{margin:8px 0 0;color:var(--ink2)}
.vp-count{margin:6px 0 0}
.rcard[hidden]{display:none}
.fhint{margin:6px 0 0;font-size:.86rem;color:var(--crimson);font-weight:600}
.ferr{margin:6px 0 0;font-size:.88rem;color:var(--crimson);font-weight:600}
.ferr-sum{margin:0 0 14px;padding:10px 14px;border-radius:12px;border:1.5px solid var(--crimson);color:var(--crimson);font-weight:650;background:var(--paper)}
input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--crimson)}
.rlines{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;font-size:.94rem}
.rlines li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line2);padding:4px 0}
.rlines li b{white-space:nowrap;font-variant-numeric:tabular-nums}
.rlines li.tot{border-bottom:0;font-weight:700}
.rlines li.muted{color:var(--ink2);border-bottom:0}
.ticks .tgrp{font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);padding:10px 2px 2px}
.caprow td{color:var(--crimson)}
.pc.inelig .result{border-color:color-mix(in srgb,var(--crimson) 45%,var(--line))}
.pc-sticky{display:none}
@media (max-width:900px){
  .pc-sticky{display:flex;position:fixed;left:8px;right:8px;bottom:calc(70px + env(safe-area-inset-bottom));z-index:55;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--ink);color:var(--bg);box-shadow:var(--sh2);transform:translateY(160%);transition:transform .25s ease;font-size:.92rem}
  .pc-sticky.on{transform:none}
  .pc-sticky .pcs-n b{font-size:1.3rem;font-variant-numeric:tabular-nums}
  .pc-sticky .pcs-s{flex:1;min-width:0}
  .pc-sticky a{color:var(--bg);font-weight:700;white-space:nowrap;padding:8px 0}
  .pcsec{padding-bottom:140px}
}
.rm .pc-sticky{transition:none}
/* Parent comparer on phones: each visa as a stacked card */
@media (max-width:640px){
  .t.stack-m{min-width:0}
  .t.stack-m thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .t.stack-m,.t.stack-m tbody,.t.stack-m tr,.t.stack-m th,.t.stack-m td{display:block;width:auto}
  .t.stack-m tr{padding:12px 14px;border-bottom:1px solid var(--line)}
  .t.stack-m tr:last-child{border-bottom:0}
  .t.stack-m th,.t.stack-m td{border:0;padding:2px 0;text-align:left}
  .t.stack-m th[scope=row]{min-width:0;font-size:1rem;margin-bottom:4px}
  .t.stack-m td[data-label]{display:flex;justify-content:space-between;gap:12px}
  .t.stack-m td[data-label]::before{content:attr(data-label);color:var(--ink3);font-weight:600;font-size:.86rem}
  .t.stack-m td.num{white-space:normal}
  .t.stack-m tr[hidden]{display:none}
}
.pempty td{color:var(--ink2);padding:14px 16px}
/* Print: one clean column, ticks visible, no controls or site chrome */
@media print{
  .print-checklist .no-print,.print-checklist .vpick,.print-checklist .note-box,.print-checklist .tooldisc,.print-checklist .phero,.print-checklist .actionbar,.print-checklist .pc-sticky{display:none!important}
  .print-checklist .layout,.print-checklist .cols2{display:block!important}
  .ticks input:checked+span{color:#000;text-decoration:none}
  .ticks input{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ticks .tgrp{color:#000}
}
@media (min-width:761px) and (max-width:900px){.pc-sticky{bottom:calc(12px + env(safe-area-inset-bottom))}}