/* Thank-you QR cards for workers (/qr) and the tipper's benefactor card (/thanks) */
.kind-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;border-bottom:1px solid var(--line)}
.kind-header .logo{width:110px;height:37px;color:var(--ink)}
.kind-lang{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink)}
.kind-lang select{min-height:44px;padding:8px 14px;border:1.5px solid var(--line);border-radius:999px;background:var(--white,#fffdf2);color:var(--ink);font:600 16px/1.2 var(--body-font)}
.kind-main{padding-block:34px 70px}
.kind-intro{max-width:760px;margin-bottom:28px}
.kind-intro h1{font:var(--heading-weight,300) clamp(34px,4.4vw,54px)/1.3 var(--heading-font);margin:6px 0 12px}
.kind-intro p:not(.eyebrow){font-size:18.5px;line-height:1.7;margin:0}
.kind-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.kind-preview canvas{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 22px 48px #0b1f5c33,0 6px 14px #0b1f5c1f}
.kind-link{margin:12px 2px 0;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.kind-controls{display:flex;flex-direction:column;gap:20px}
.kind-controls h2{font:var(--heading-weight,300) 30px/1.4 var(--heading-font);margin:0}
.kind-field{display:flex;flex-direction:column;gap:8px}
.kind-field[hidden]{display:none}
.kind-field>span{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b7a6e}
html:not([lang="en"]) .kind-field>span{letter-spacing:0;text-transform:none;font-size:15px}
.kind-field input,.kind-field select{min-height:52px;padding:10px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--white,#fffdf2);color:var(--ink);font:500 18px/1.4 var(--body-font)}
.kind-field input:focus,.kind-field select:focus{outline:3px solid #2bb5a3;outline-offset:1px}
.kind-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.kind-primary{background:var(--ink,#193ba0)!important;color:#fff8e6!important}
.kind-whatsapp{background:#25d366!important;color:#0b1f5c!important}
.kind-secondary{min-height:44px;padding:9px 16px;border:1.5px solid var(--ink,#193ba0);border-radius:999px;background:transparent;color:var(--ink,#193ba0);font:700 15px/1.2 var(--body-font);cursor:pointer}
.kind-note{margin:0;font-size:14px;color:var(--muted)}
.bc-from{font-size:20px!important;font-weight:600}
.bc-word{color:#0b7a6e;font-size:24px}
.bc-pass{margin-top:14px;padding:22px;border-radius:22px;background:#cfeeea;border:1.5px solid #7fcfc3}
.bc-pass p{margin:6px 0 16px;line-height:1.7}
.bc-about{margin-inline-start:12px;font-weight:700}
.language-switch button[aria-pressed="true"]{background:var(--ink,#193ba0);color:#fff8e6}
.qr-viewer{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;background:#193ba0}
.qr-viewer[hidden]{display:none}
.qr-viewer img{max-width:100%;max-height:calc(100vh - 100px);border-radius:18px}
.qr-viewer .button{background:#adff00;color:#0b1f5c}
.qr-print{display:none}
@media(max-width:860px){.kind-studio{grid-template-columns:1fr;gap:24px}}
@media print{
  body>*:not(.qr-print){display:none!important}
  .qr-print{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8mm;padding:6mm}
  .qr-print img{width:100%;height:auto;break-inside:avoid}
}

/* /workers: a dedicated page for people who receive tips */
.workers-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:40px;align-items:center;margin-bottom:34px}
.workers-hero .kind-intro{margin-bottom:0}
.workers-steps{margin:20px 0 0;padding-inline-start:24px;display:grid;gap:8px;font-size:18px;line-height:1.55;font-weight:600;color:var(--ink)}
.workers-photo{margin:0}
.workers-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:26px;box-shadow:0 22px 48px #0b1f5c33}
@media(max-width:860px){.workers-hero{grid-template-columns:1fr;gap:22px}.workers-photo img{aspect-ratio:4/3.6}}
@media(max-width:860px){
  .workers-photo{display:none}
  body[data-page="workers"] .kind-controls{order:-1}
  body[data-page="workers"] .kind-preview{max-width:360px;width:100%;margin-inline:auto}
}

/* Everyday heroes page: language buttons under the main menu */
.kind-langs{display:flex;flex-wrap:wrap;gap:8px;padding-block:16px 0}
.kind-langs button{min-height:42px;padding:8px 16px;border:1.5px solid var(--line);border-radius:999px;background:var(--white,#fffdf2);color:var(--ink);font:600 15px/1.2 var(--body-font);cursor:pointer}
.kind-langs button[aria-pressed="true"]{background:var(--ink,#193ba0);border-color:var(--ink,#193ba0);color:#fff8e6}
.kind-langs button:focus-visible{outline:3px solid #2bb5a3;outline-offset:2px}
html:not([lang="en"]):not([lang="tl"]) body[data-page="workers"] header nav a{letter-spacing:0;font-size:16px}

/* Language buttons keep the same places in every language: English first on the left, Arabic first on the right */
.kind-langs{direction:ltr;justify-content:space-between;align-items:center;gap:8px 24px}
.kind-langs-ltr,.kind-langs-rtl{display:flex;flex-wrap:wrap;gap:8px}
.kind-langs-rtl{margin-inline-start:auto}
/* Keep the form inside the screen on phones, in every language */
@media(max-width:860px){.kind-studio{grid-template-columns:minmax(0,1fr)}}
.kind-studio>*{min-width:0}
.kind-field input,.kind-field select{width:100%;max-width:100%;box-sizing:border-box}