/* Real-site additions on top of the approved design */
img{max-width:100%;height:auto}
.door img{height:96%;max-width:none}
.about figure img{height:auto}
.lang button{border:0;background:none;font:inherit;color:inherit;padding:2px 12px;border-radius:99px;cursor:pointer}
.lang button.on{background:var(--mist);color:var(--pine);font-weight:500}
.creds .c1{display:block;color:#fff;font-size:17px}
.facts li span{display:block}
.btn.small{white-space:nowrap}

/* form */
fieldset{border:0;padding:0;min-width:0}
legend{font-weight:500;margin:0 0 7px;padding:0}
.radios .choice{cursor:pointer;text-align:center;position:relative}
.radios input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.radios .choice:has(input:checked){background:var(--pine);border-color:var(--pine);color:#fff}
.radios .choice:has(input:focus-visible){outline:3px solid var(--turban);outline-offset:2px}
.err{color:#A32A1F;font-size:15.5px;margin-top:6px}
.err:empty{display:none}
input.bad,select.bad{border-color:#A32A1F}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
select:disabled{color:var(--soft);background:var(--mist)}
button[disabled]{opacity:.65;cursor:wait}
.done{background:var(--mist);border-radius:18px;padding:36px 32px;align-self:start}
.done[hidden],form[hidden]{display:none}
.done h3{font-size:36px;line-height:1.15}
.done p{margin-top:12px}
.done .summary{font-weight:500}
.done .btn{margin-top:22px}

/* Punjabi mode */
html[lang=pa] body{font-family:var(--sans)}
html[lang=pa] h1,html[lang=pa] h2,html[lang=pa] h3,html[lang=pa] .brand,html[lang=pa] .big strong,html[lang=pa] .relapse strong,html[lang=pa] blockquote{font-family:var(--gur);letter-spacing:0}
html[lang=pa] h1{font-size:60px;line-height:1.28;max-width:none}
html[lang=pa] h2{line-height:1.3}
html[lang=pa] .family h2{font-size:48px}
html[lang=pa] .about blockquote{line-height:1.4;font-size:31px}
html[lang=pa] .pa-dup{display:none}
@media (max-width:820px){
  .lang button.on{display:none}
  .lang span{padding:0}
  .creds .wrap{gap:18px}
  .radios{grid-template-columns:1fr}
  .radios .choice{justify-content:center}
  .done{padding:26px 20px}
  .done h3{font-size:29px}
  html[lang=pa] h1{font-size:40px}
  html[lang=pa] .family h2{font-size:32px}
  html[lang=pa] h2{font-size:32px}
  html[lang=pa] .brand small{max-width:190px}
}