/* Laqeeni join page. Layout: photo hero, alternating bands, form card over a darkened photo. */
:root{
  --bg:#f4f6fa; --surface:#ffffff; --ink:#0A2A5E; --muted:#56657d; --line:#dde3ec;
  --accent:#F7931E; --accent-ink:#0A2A5E; --trust:#0A2A5E; --trust-soft:#e6ecf6; --err:#b42318; --err-soft:#fdecea;
  --shade:rgba(6,22,52,.86); --shade-soft:rgba(6,22,52,.25); --on-photo:#fff; --on-photo-muted:rgba(255,255,255,.85);
  --f-display:"Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif;
  --f-body:"IBM Plex Sans Arabic","Readex Pro",system-ui,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0b1424; --surface:#121e33; --ink:#e8eef8; --muted:#9fb0c8; --line:#24324a;
  --accent:#F7931E; --accent-ink:#0A2A5E; --trust:#9dbcf2; --trust-soft:#16253f; --err:#ff8a7a; --err-soft:#3a1a16; color-scheme:dark}}
.l-ur{--f-body:"Noto Nastaliq Urdu","IBM Plex Sans Arabic",serif;--f-display:"Noto Nastaliq Urdu","Readex Pro",serif}
.l-bn{--f-body:"Noto Sans Bengali",system-ui,sans-serif;--f-display:"Noto Sans Bengali",system-ui,sans-serif}
.l-hi{--f-body:"Noto Sans Devanagari",system-ui,sans-serif;--f-display:"Noto Sans Devanagari",system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.65}
.l-ur{line-height:2.1}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--f-display);margin:0;line-height:1.25;text-wrap:balance}
.l-ur h1,.l-ur h2,.l-ur h3{line-height:1.9}
a{color:var(--trust)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip{position:absolute;inset-inline-start:8px;top:8px;transform:translateY(-200%);background:var(--accent);color:var(--accent-ink);padding:8px 12px;border-radius:8px;z-index:50}
.skip:focus{transform:none}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.wrap.narrow{max-width:760px}
.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* header */
.top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.top .row{padding-block:10px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}
.logo .mark{display:inline-flex;align-items:center;gap:2px;direction:rtl;color:var(--ink)}
.logo .sym{width:34px;height:34px;flex:none}
.logo .qn{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif;font-weight:700;font-size:26px;line-height:1}
@media (prefers-color-scheme:dark){.logo .mark{color:#fff}}
.logo .stack{display:inline-flex;flex-direction:column;align-items:center;gap:5px}
.logo .en{font-family:"Readex Pro",sans-serif;font-weight:600;font-size:9.5px;letter-spacing:.3em;line-height:1;color:var(--ink);padding-inline-start:.3em;direction:ltr}
@media (prefers-color-scheme:dark){.logo .en{color:#fff}}
.logo .tag{font-size:12.5px;color:var(--muted);white-space:nowrap}
@media (max-width:560px){.logo .tag{display:none}.top{position:static}.top .row{gap:8px}.lg{padding:3px 10px;font-size:13px}}
#formCard,#join{scroll-margin-top:90px}
.langs{display:flex;gap:6px;flex-wrap:wrap}
.lg{border:1px solid var(--line);border-radius:999px;padding:4px 12px;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.6;background:var(--bg)}
.lg.on{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.lg-ur{font-family:"Noto Nastaliq Urdu",serif;line-height:1.9;padding-block:0}
.lg-bn{font-family:"Noto Sans Bengali",sans-serif}.lg-hi{font-family:"Noto Sans Devanagari",sans-serif}
.lg-ar{font-family:"IBM Plex Sans Arabic",sans-serif}.lg-en{font-family:"Readex Pro",sans-serif}

/* hero */
.hero{position:relative;background:#0A2A5E center 25%/cover no-repeat;color:var(--on-photo)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--shade-soft),var(--shade) 58%)}
[dir="ltr"] .hero::before{background:linear-gradient(270deg,var(--shade-soft),var(--shade) 58%)}
@media (max-width:760px){.hero::before{background:var(--shade)!important}}
.hero .wrap{position:relative}
.hero-in{max-width:580px;padding-block:72px 64px;display:grid;gap:18px}
.eyebrow{justify-self:start;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 14px;font-size:13.5px}
.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.12;color:var(--on-photo)}
.l-ur .hero h1{line-height:1.7;font-size:clamp(28px,5vw,46px)}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .lead{margin:0;font-size:17.5px;color:var(--on-photo-muted)}
.hero .also-cities{font-size:14.5px;font-weight:600;margin-top:-6px}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 22px;font-family:var(--f-display);font-weight:600;font-size:16.5px;cursor:pointer;text-decoration:none}
.btn svg{width:20px;height:20px}
.btn-main{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 24px -10px rgba(247,147,30,.7)}
.btn-main:hover{filter:brightness(1.05)}
.btn-ghost-light{background:rgba(255,255,255,.12);color:var(--on-photo);border:1px solid rgba(255,255,255,.4)}
/* "Or join through WhatsApp" (31 Oct 2026, Heba): WhatsApp green so people recognise it; dark enough for white text (4.7:1) */
.btn-wa-green{background:#0E853A;color:#fff;border:1px solid #0E853A;box-shadow:0 10px 24px -12px rgba(37,211,102,.6)}
.btn-wa-green:hover{background:#0B7332}
.btn.wide{width:100%}
.btn:disabled{opacity:.6;cursor:wait}
.ticks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14.5px}
.ticks li{display:flex;align-items:center;gap:7px}
.ticks li::before{content:"✓";width:21px;height:21px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}

/* bands */
.sec{padding-block:56px}
.sec.alt{background:var(--surface);border-block:1px solid var(--line)}
.sec h2{font-size:clamp(24px,3.6vw,34px);margin-bottom:8px}
.sub{color:var(--muted);margin:0 0 24px;max-width:62ch}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
@media (max-width:900px){.benefits{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.benefits{grid-template-columns:1fr}}
.b{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:8px;align-content:start}
.b svg{width:42px;height:42px;padding:9px;border-radius:12px;background:var(--trust-soft);color:var(--trust)}
.b h3{font-size:18px}
.b p{margin:0;color:var(--muted);font-size:15px}
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
@media (max-width:900px){.strip{grid-template-columns:repeat(3,1fr)}}
.strip figure{margin:0;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;max-width:100%}
.strip img{width:100%;height:100%;object-fit:cover}
.strip figcaption{position:absolute;inset:auto 0 0;padding:28px 12px 10px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);color:#fff;font-family:var(--f-display);font-weight:600}
.steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:s}
@media (max-width:760px){.steps{grid-template-columns:1fr}}
.steps li{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:6px;counter-increment:s}
.steps li::before{content:counter(s);width:38px;height:38px;border-radius:12px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:"Readex Pro",sans-serif;font-weight:700;font-size:18px}
.steps h3{font-size:18px}.steps p{margin:0;color:var(--muted);font-size:15px}

/* form */
.join{position:relative;background:#10302b center/cover no-repeat}
.join::before{content:"";position:absolute;inset:0;background:var(--shade)}
.join .wrap{position:relative}
.card{max-width:760px;margin:0 auto;background:var(--surface);border-radius:24px;padding:clamp(20px,4vw,36px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.card .sub{margin-bottom:18px}
form{display:grid;gap:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:calc(50% - 7px)}
@media (max-width:600px){.grid2{grid-template-columns:1fr}.stack{width:auto}}
.f{display:grid;gap:6px;min-width:0;border:0;padding:0;margin:0}
.f>label,legend{font-weight:600;font-size:15px;padding:0}
.f small,legend small{font-weight:400;color:var(--muted);font-size:13px}
input,select{font:inherit;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:12px 13px;width:100%;min-height:48px}
input:focus,select:focus{border-color:var(--trust);outline:none;box-shadow:0 0 0 3px var(--trust-soft)}
.invalid input,.invalid select,input.invalid,select.invalid{border-color:var(--err);background:var(--err-soft)}
.f.invalid>label,.ck.invalid{color:var(--err)}
fieldset.extra .opts{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:6px}
fieldset.extra[hidden]{display:none}
#fLangOther{margin-top:10px;max-width:320px}
.regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:10px 0 4px}
.regions[hidden]{display:none}
.reg-dist{display:grid;gap:12px;margin:8px 0 4px}
.reg-dist[hidden]{display:none}
.rd{border:1.5px solid var(--line);border-radius:12px;padding:10px 12px}
.rd-h{margin:0 0 8px;font-size:14px;display:flex;flex-wrap:wrap;gap:2px 8px}
.rd-h span{color:var(--muted);font-size:13px}
.rd-list{display:flex;flex-wrap:wrap;gap:6px}
.rd-d{font:inherit;font-size:13.5px;border-radius:999px;padding:5px 11px;cursor:pointer;border:1.5px solid var(--trust);background:var(--trust-soft);color:var(--ink)}
.rd-d[aria-pressed=true]::before{content:"✓ "}
.rd-d[aria-pressed=false]{border-color:var(--line);background:transparent;color:var(--muted);text-decoration:line-through}
.rd-d:focus-visible{outline:2px solid var(--trust);outline-offset:2px}
#distPick .sub{margin:10px 0 6px;font-size:13px;color:var(--muted)}
fieldset.use{border:0;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
fieldset.use legend{float:left;width:100%;padding:0;margin-bottom:2px;font-size:13px;font-weight:400;color:var(--muted)}
fieldset.use .ck input{margin-top:2px}
fieldset.use .ck input:disabled{opacity:1}
.ck{display:flex;gap:10px;align-items:flex-start;font-weight:400;cursor:pointer}
.ck input{width:20px;height:20px;min-height:0;margin-top:4px;accent-color:var(--trust);flex:none}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:6px}
@media (max-width:600px){.checks{grid-template-columns:1fr}}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.chip{border:0;background:var(--ink);color:var(--surface);border-radius:999px;padding:6px 12px;font:inherit;font-size:14px;cursor:pointer}
.note{margin:0;font-size:14px;color:var(--muted);background:var(--trust-soft);border-radius:12px;padding:10px 12px}
.consent{font-size:14.5px}
.err{margin:0;background:var(--err-soft);color:var(--err);border-radius:12px;padding:10px 12px;font-weight:600}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
#ok{display:grid;gap:8px}
#ok h2{color:var(--trust)}
#ok ol{margin:0;padding-inline-start:22px;display:grid;gap:6px}
.dist-box{background:var(--surface)!important;color:var(--ink)!important}
.dist-wrap{max-width:none!important}

/* faq + privacy */
.faq{display:grid;gap:10px;margin-top:18px}
details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 16px}
summary{cursor:pointer;font-family:var(--f-display);font-weight:600;padding-block:12px;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::after{content:"+";font-size:22px;line-height:1;color:var(--trust)}
details[open] summary::after{content:"–"}
details p{margin:0 0 14px;color:var(--muted)}
.privacy p{margin:0 0 10px;color:var(--muted)}
.privacy b{color:var(--ink)}
.contact{font-weight:600}

/* footer */
.foot{background:#0A2A5E;color:rgba(255,255,255,.8);padding-block:36px 46px;font-size:14.5px}
.foot p{margin:0 0 10px}
.foot .cust{color:#fff;font-family:var(--f-display);font-size:17px}
.foot .lg{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.foot .lg.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.foot .copy{margin-top:14px;opacity:.6}
.foot .copy+.copy{margin-top:2px}
[dir="rtl"] .foot .copy{text-align:right}
.foot .langs{margin-block:14px}
.foot .social{display:flex;gap:10px;margin-top:16px}
.foot .social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);color:#fff}
.foot .social a:hover{background:#F7931E;border-color:#F7931E;color:#0A2A5E}
.foot .social a:focus-visible{outline:2px solid #F7931E;outline-offset:2px}
.foot .social svg{width:20px;height:20px}

/* WhatsApp sheet */
.sheet{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:end center;padding:16px;z-index:40}
.sheet[hidden]{display:none}
.sheet .box{background:var(--surface);color:var(--ink);border-radius:20px;max-width:480px;width:100%;padding:20px;display:grid;gap:12px;margin-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* trade tiles */
.f.full{grid-column:1/-1}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}
@media (max-width:600px){.tgrid{grid-template-columns:repeat(2,1fr)}}
.tgrid[data-collapsed="1"] .tt.more{display:none}
.tgrid.filtering .tt.more{display:grid}
.tgrid.filtering .tt.nomatch{display:none!important}
.tt{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:start;min-height:58px;padding:10px 30px 10px 12px;padding-inline:12px 30px;border:1.5px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;position:relative}
.tt .ti{grid-row:1/3;font-size:24px;line-height:1}
.tt .tn{font-weight:600;font-size:15px;line-height:1.35}
.l-ur .tt .tn{line-height:1.9;font-size:14.5px}
.tt .ts{font-size:12px;color:var(--muted);font-family:"IBM Plex Sans Arabic",sans-serif;line-height:1.4}
.tt[aria-pressed="true"]{border-color:var(--trust);background:var(--trust-soft);box-shadow:inset 0 0 0 1px var(--trust)}
.tt[aria-pressed="true"]::after{content:"✓";position:absolute;top:6px;inset-inline-end:8px;width:20px;height:20px;border-radius:50%;background:var(--trust);color:var(--surface);display:grid;place-items:center;font-size:12px;font-weight:700}
.tgrid[data-collapsed="0"] .texp,.tgrid.filtering .texp{display:none}
.tt.texp{border-style:dashed;border-color:var(--trust);color:var(--trust)}
.tt.texp .tn{font-weight:700}
.tt.other{border-style:dashed}
.tmore{justify-self:start;background:none;border:0;color:var(--trust);font:inherit;font-weight:600;cursor:pointer;padding:6px 2px}
.tnone{margin:0;color:var(--muted);font-size:14px}
#tradeF.invalid .tgrid .tt{border-color:var(--err)}

/* ID upload */
.upgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.upgrid.one{grid-template-columns:minmax(0,1fr);max-width:320px}
.doclist{display:grid;gap:10px;margin-top:4px}
.doc .docup{margin:8px 0 6px;padding-inline-start:30px}
.doc .docup .sub{margin:0;font-size:13.5px;color:var(--muted)}
fieldset.docs .sub{margin:2px 0 6px;font-size:13.5px;color:var(--muted)}
fieldset.docs .sub b{color:var(--ink);font-weight:600}
.upbox{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;min-height:132px;padding:14px;border:2px dashed var(--line);border-radius:16px;background:var(--bg);text-align:center;cursor:pointer;overflow:hidden}
.upbox input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.upbox .upi{font-size:30px;line-height:1}
.upbox .upt{font-weight:600;font-size:14.5px}
.upbox .upa{font-size:13px;color:var(--trust);font-weight:600}
.upbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.upbox.has{border-style:solid;border-color:var(--trust)}
.upbox.has .upa{position:absolute;bottom:8px;inset-inline:8px;z-index:1;background:var(--trust);color:var(--surface);border-radius:999px;padding:3px 8px}
.safe{margin:6px 0 0;font-size:13.5px;color:var(--muted)}
.offer{margin-top:14px;background:#0A2A5E;color:#fff;border-radius:16px;padding:18px;display:grid;gap:10px}
.offer h3{margin:0;color:#F7931E;font-family:var(--f-display);font-size:19px}
.offer p{margin:0}
.btn-offer{background:#F7931E;color:#0A2A5E;justify-self:start}
.gift{border:2px dashed #F7931E;border-radius:14px;padding:14px;display:grid;gap:8px;justify-items:center;text-align:center;background:rgba(255,255,255,.06)}
.gift-l{font-size:13.5px;color:rgba(255,255,255,.85)}
.gift-c{font-family:var(--f-display),sans-serif;font-size:30px;letter-spacing:.12em;color:#fff}
.gift-a{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.btn.sm{min-height:44px;padding:8px 14px;font-size:14.5px}
.gift-s{margin:0;font-size:13px;color:rgba(255,255,255,.8)}
.flogo{display:inline-grid;justify-items:center;gap:6px;margin-bottom:18px}
.flogo .mark{display:inline-flex;align-items:center;gap:2px;direction:rtl;color:#fff}
.flogo .sym{width:46px;height:46px}
.flogo .qn{font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif;font-weight:700;font-size:34px;line-height:1;color:#F7931E}
.flogo .en{font-family:"Readex Pro",sans-serif;font-weight:600;font-size:12px;letter-spacing:.3em;color:#F7931E;padding-inline-start:.3em}
.fweb a{color:#F7931E;font-weight:600}
.foot .fcontact{text-align:start}
.foot .fcontact a{color:#fff}
[dir="rtl"] .foot .fcontact{text-align:right}

/* customer guide pages (guides.py) */
.guide .hero-in{padding-block:64px 56px}
.jump{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:calc(env(safe-area-inset-top,0px) + 63px);z-index:15}
.jump .wrap{display:flex;gap:6px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.jump .wrap::-webkit-scrollbar{display:none}
.jump a{flex:none;border:1px solid var(--line);border-radius:999px;padding:5px 14px;text-decoration:none;color:var(--ink);font-size:14.5px;background:var(--bg)}
.jump a:hover{border-color:var(--trust)}
@media (max-width:560px){.jump{top:0}}
.guide .sec{scroll-margin-top:120px}
.ptable{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;font-size:16px}
.ptable th,.ptable td{padding:14px 18px;text-align:start;border-bottom:1px solid var(--line)}
.ptable tr:last-child th,.ptable tr:last-child td{border-bottom:0}
.ptable thead th{background:var(--ink);color:var(--surface);font-family:var(--f-display);font-weight:600;font-size:14.5px}
.ptable tbody th{font-weight:500}
.ptable td{font-family:var(--f-display);font-weight:600;white-space:nowrap;color:var(--trust)}
.pnote{margin:14px 0 0;font-size:13.5px;color:var(--muted)}
.benefits.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.benefits.three{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.benefits.three{grid-template-columns:1fr}}
.b .pi{font-size:28px;line-height:1}
.guide .steps{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.guide .steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.guide .steps{grid-template-columns:1fr}}
.soon{border:2px dashed var(--accent);border-radius:20px;padding:24px;display:grid;gap:8px;background:var(--bg)}
.soon p{margin:0;color:var(--muted)}
.soon-b{justify-self:start;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:3px 12px;font-family:var(--f-display);font-weight:600;font-size:13.5px}
.sec.tech{padding-block:8px 56px}
.foot .fcontact a{color:#fff}
.ptip{margin:12px 0 0;background:var(--trust-soft);border-radius:14px;padding:12px 14px;font-size:15px}
.ptable td{white-space:normal}
.more{margin-top:28px;display:grid;gap:10px}
.more h3{font-size:17px}
.more div{display:flex;flex-wrap:wrap;gap:8px}
.more a{border:1px solid var(--line);border-radius:999px;padding:6px 14px;text-decoration:none;color:var(--ink);background:var(--bg);font-size:14.5px}
.more a:hover{border-color:var(--trust)}
.foot .fguides{color:rgba(255,255,255,.8)}
.foot .fguides a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
.foot .fguides a:hover{color:#F7931E;text-decoration-color:#F7931E}
/* "Claim your profile" box (laqeeni.net/?c=CODE) */
.claim{background:var(--trust-soft);padding-block:28px}
.claim .card{box-shadow:0 20px 40px -28px rgba(6,22,52,.5);display:grid;gap:14px}
.claim h2{margin:0}
.claim .sub{margin:0}
#clBox{display:grid;gap:14px}
.cl-eye{margin:0;color:var(--accent);font-weight:700;font-size:14px}
.cl-dl{margin:0;display:grid;gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cl-dl div{display:grid;grid-template-columns:minmax(110px,30%) 1fr;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}
.cl-dl div:first-child{border-top:0}
.cl-dl dt{color:var(--muted);font-size:14px}
.cl-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.cl-edit{font-size:14.5px;color:var(--trust);text-align:center}
/* "All guides" page: each guide is a card link */
a.gcard{text-decoration:none;color:var(--ink)}
a.gcard:hover{border-color:var(--accent)}
a.gcard p{margin:0;color:var(--muted);font-size:14.5px}
/* "Before you hire" helper guide (AC guide, guides.helper_page) */
.btn-wa{background:var(--trust);color:var(--surface)}
.b ul{margin:0;padding-inline-start:20px;color:var(--muted);font-size:15px;display:grid;gap:6px}
.b.warn{border-color:var(--accent);border-inline-start-width:5px}
#prices>.wrap>.soon-b{display:inline-block;margin-bottom:10px}
.clist{background:var(--surface);border:2px dashed var(--accent);border-radius:20px;padding:clamp(18px,4vw,28px)}
.clist .sub{margin-bottom:14px}
.cl-gs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.cl-g{display:grid;gap:10px;align-content:start}
.cl-g h3{font-size:17px}
.cl-g .ck{font-size:15px}
.cl-g .ck input{margin-top:3px}
.cl-url{display:none}
.clist .ctas{margin-top:20px}
.joinline{margin:14px 0 0;text-align:center;color:var(--muted);font-size:15px}
.joinline a{font-weight:600}
@media print{   /* only pages with the checklist (the AC guide) */
  body:has(.clist){--bg:#fff;--surface:#fff;--ink:#000;--muted:#333;--line:#bbb;--trust:#000;--trust-soft:#eee;background:#fff}
  body:has(.clist) :is(.top,.jump,.foot,.ctas,.more,.sec.tech,.eyebrow){display:none!important}
  body:has(.clist) .hero{background:none!important;color:#000}
  body:has(.clist) .hero::before{display:none}
  body:has(.clist) :is(.hero h1,.hero .lead){color:#000}
  body:has(.clist) .hero-in{padding-block:8px}
  body:has(.clist) .sec{padding-block:14px;border:0}
  body:has(.clist) :is(.b,.steps li,.ptable,details,.cl-g){break-inside:avoid}
  body.pl .hero,body.pl .sec:not(#checklist){display:none!important}
  .clist{border:1.5px solid #000}
  .cl-url{display:block;margin:16px 0 0;font-size:13px}
}
/* directory: tradesperson list on a guide page + profile page (directory.py) */
.pros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
@media (max-width:700px){.pros{grid-template-columns:minmax(0,1fr)}}
.pro{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}
.pro-foot{margin-top:auto;display:grid;gap:12px}
.pro-top{display:flex;gap:12px;align-items:center}
.pro h3{font-size:18px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.pro h3 a{color:var(--ink);text-decoration:none}
/* trader names on list cards: never more than 2 lines (long "name - job title" names end with …), so badges line up */
.pro h3 a.pname{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;
  line-height:1.25;min-height:2.5em}   /* always room for 2 lines, so badges, details and buttons line up across cards (Chris, 30 Oct) */
.pc-id .porig{margin:2px 0 0;color:var(--muted,#5b6577);font-size:15px}
.av{flex:none;width:54px;height:54px;border-radius:50%;background:var(--ink);color:var(--accent);display:grid;place-items:center;font-family:"Readex Pro","IBM Plex Sans Arabic",sans-serif;font-weight:700;font-size:18px}
@media (prefers-color-scheme:dark){.av{background:#0A2A5E}}
.av.big{width:104px;height:104px;font-size:34px;border:4px solid var(--accent)}
.ex{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:1px 10px;font-family:var(--f-display);font-weight:700;font-size:12.5px;letter-spacing:.02em}
.tks-s{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:4px}
.tk{background:var(--trust-soft);color:var(--trust);border-radius:999px;padding:1px 9px;font-size:12.5px;font-weight:600;white-space:nowrap}
.flts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}
@media (max-width:600px){.flts{grid-template-columns:minmax(0,1fr)}}
.flt{display:grid;gap:4px;font-size:14px;font-weight:600}
.flt select{min-height:48px;font-size:16px}
.flt-n{grid-column:1/-1;margin:0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.flt-x{background:none;border:0;color:var(--trust);font:inherit;font-weight:600;cursor:pointer;padding:8px 2px}
.pro[hidden]{display:none}
.pros-none{margin-top:16px;border:2px dashed var(--line);border-radius:18px;padding:18px;display:grid;gap:6px}
.pros-none p{margin:0;color:var(--muted)}
.pros-none .need{margin-top:8px}
.pchecks{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}
.pchecks h2{font-size:20px}
.tks{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.tks li{display:flex;gap:10px;align-items:flex-start}
.tks-i,.tk-i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:14px}
.tks p{margin:2px 0 0;color:var(--muted);font-size:14.5px}
.pdl dd .chips{margin-top:6px}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:15px;color:var(--muted)}
.facts li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;align-items:start}
.fx{min-width:0}
.fx.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fx.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.htag{background:var(--trust-soft);color:var(--trust);border-radius:999px;padding:0 9px;font-size:13px;font-weight:600}
.pro-btns,.pc-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pro-btns .btn{padding:12px 10px}
.btn.big{padding:18px 14px;font-size:18px;border-radius:16px}
.pro-more{font-weight:600;font-size:14.5px;justify-self:start}
.mock{margin:12px 0 0;border:2px dashed var(--accent);border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;background:var(--bg)}
.need{margin-top:16px}
.ppage{padding-block:24px 56px}
.back{margin:0 0 6px;font-size:14.5px}
.back a{text-decoration:none;font-weight:600}
.pcard{margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(18px,4vw,28px);display:grid;gap:18px}
.pc-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.pphoto{margin:0;display:grid;justify-items:center;gap:4px}
.pphoto figcaption{font-size:12px;color:var(--muted)}
.pc-id{display:grid;gap:4px;justify-items:start}
.pc-id h1{font-size:clamp(26px,5vw,34px)}
.ptrade{margin:0;color:var(--muted)}
.pdl dd.chips{margin:0}
.pdl .chip{cursor:default;font-size:13.5px;padding:3px 10px}
/* "Make your profile stronger" on the thank-you screen + "Complete your profile" page (profile_page.py) */
.pfbox{margin-top:14px;border:2px dashed var(--accent);border-radius:16px;padding:16px;display:grid;gap:10px;background:var(--bg)}
.pfbox h3{font-size:18px}
.pfbox p{margin:0}
.pfbox .btn{justify-self:start}
.pf-s{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.pf-s span{color:var(--ink);font-weight:600}
.pf-h{font-size:clamp(24px,5vw,32px)}
.pfpage .card{display:grid;gap:12px}
.pfpage .card .sub{margin:0}
#pfForm{gap:20px}
#pfForm.pf-wait{opacity:.55;transition:opacity .2s}
.pf-set{display:grid;gap:12px;margin-top:6px}
/* "Your details" on the profile page: name, trade, where they work */
.pf-you{display:grid;gap:12px;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid var(--line,#e3e7ef)}
.pf-you>.sub{margin:0}
.pf-now{margin:4px 0 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:600}
.btn-link{background:none;border:0;padding:4px 2px;color:var(--accent-ink,#0A2A5E);text-decoration:underline;font:inherit;font-weight:500;cursor:pointer}
#pfTradePick{display:grid;gap:8px}
#pfTradePick[hidden],#pfTradeKnown[hidden],.pf-sub[hidden],#pfTradeOther[hidden]{display:none}
.pf-sub{margin:2px 0 6px;padding-inline-start:28px;display:grid;gap:8px}
.pf-ft{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pf-set .f>span,.pf-l{font-weight:600;font-size:15px}
.pf-warn{margin:0;background:#fff4e5;color:#5a3500;border-inline-start:5px solid var(--accent);border-radius:12px;padding:10px 12px;font-size:14.5px}
@media (prefers-color-scheme:dark){.pf-warn{background:#3a2a10;color:#ffe2b8}}
.ck.big{font-weight:600;font-size:16px;background:var(--trust-soft);border-radius:12px;padding:12px}
.ck.big input{margin-top:3px}
fieldset.f.invalid legend,.f.invalid>label,.ck.invalid span{color:var(--err)}
.pf-n{font-size:13.5px}
.pf-days{border:0;padding:0;margin:0}
.pf-dgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin-top:6px}
.ck.day.every{font-weight:600;margin-top:4px}
img.av.pic{object-fit:cover;background:var(--line)}

/* profile page right after signing up: gift card on top, "Skip for now" */
.pfpage #pfNew{margin-bottom:6px}
.pf-next{margin:0;background:var(--trust-soft);border-radius:12px;padding:10px 12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.pf-next a{font-size:14px;color:inherit;opacity:.8}
#pfLaterLink{overflow-wrap:anywhere}
/* homepage "Looking for a tradesperson?" box (directory.home_box) */
.find{padding-top:22px;padding-bottom:6px}
.find .offer{margin-top:0}
.find-btns{display:flex;flex-wrap:wrap;gap:10px}
.find-now{font-weight:600;margin-top:4px!important}
/* "Areas we cover" on trade pages: one tap-to-open row per part of Riyadh, district names inside */
.areas-cov{margin-top:28px;display:grid;gap:8px}
.areas-cov h3{margin:0}
.areas-cov .sub{margin:0 0 4px}
.ar-reg{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 14px}
.ar-reg summary{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer;list-style:none}
.ar-reg summary::-webkit-details-marker{display:none}
.ar-reg summary::after{content:"+";margin-inline-start:auto;font-size:20px;color:var(--muted);line-height:1}
.ar-reg[open] summary::after{content:"−"}
.ar-n{background:var(--trust-soft);color:var(--ink);border-radius:999px;padding:1px 9px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.ar-reg p{margin:0 0 14px;color:var(--muted);font-size:14.5px;line-height:1.7}
.ar-row{display:flex;align-items:center;gap:10px;padding:12px 0}
.ar-reg p span{font-weight:600;color:var(--ink)}

/* ---- Trust badges + live preview on the profile page (TEST, branch trust-badges, 30 Oct 2026) ---- */
.req{color:#c62828;font-weight:700}
@media (prefers-color-scheme:dark){.req{color:#ff8a7a}}
.tb-key{margin:0;font-size:13px;color:var(--muted)}
.tb-fine{margin:0;font-size:12.5px;color:var(--muted)}
.tb-layout{max-width:760px}
@media (min-width:1100px){
  .tb-layout{max-width:1180px;display:grid;grid-template-columns:minmax(0,760px) 360px;gap:28px;align-items:start}
  .tb-layout>.card{margin:0}
  .tb-strip{display:none!important}
  .tb-side{position:sticky;top:90px;display:grid;gap:10px;background:var(--surface);border-radius:20px;padding:18px;box-shadow:0 20px 40px -28px rgba(6,22,52,.5)}
}
@media (max-width:1099px){.tb-side{display:none!important}}
.tb-eye{margin:0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tb-pct2{margin:0;font-weight:600}
/* phone: slim strip that stays at the top while scrolling */
.tb-strip{position:sticky;top:70px;z-index:15}
@media (max-width:560px){.tb-strip{top:0}}
.tb-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 10px;width:100%;border:0;border-radius:14px;padding:10px 12px;background:#0A2A5E;color:#fff;font:inherit;text-align:start;cursor:pointer;box-shadow:0 8px 18px -10px rgba(6,22,52,.7)}
.tb-bar .tb-seg,.tb-bar .tb-dots{grid-column:1/-1}
.tb-av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700;overflow:hidden;background:#F7931E;color:#0A2A5E}
.tb-av.none{background:transparent;border:1.5px dashed #8EA0C2;color:#8EA0C2}
.tb-av img{width:100%;height:100%;object-fit:cover}
.tb-who{display:grid;min-width:0;line-height:1.35}
.tb-who b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.tb-who b.ph{color:#8EA0C2}
.tb-who span{font-size:12px;color:#DCE3F0}
.tb-tog{font-size:12px;font-weight:600;color:#F7931E;white-space:nowrap}
.tb-seg{display:flex;gap:3px}
.tb-seg i{flex:1;height:6px;border-radius:3px;background:#2C4A7C}
.tb-seg i.on{background:#F7931E}
.tb-side .tb-seg i{background:var(--line)}
.tb-side .tb-seg i.on{background:#F7931E}
.tb-dots{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:#DCE3F0}
.tb-dots i{width:12px;height:12px;border-radius:50%;border:1.5px solid #8EA0C2;box-sizing:border-box}
.tb-dots i.p{background:#F7931E;border-color:#F7931E}
.tb-dots i.c{background:#2EAD66;border-color:#2EAD66}
.tb-full{margin-top:8px;max-height:60vh;overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 8px 18px -10px rgba(6,22,52,.5)}
/* the profile card as customers see it */
.tb-pv{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px}
.tb-pv p{margin:0;font-size:14px}
.tb-pv-top{display:flex;gap:12px;align-items:center}
.tb-pv-av{flex:0 0 52px;width:52px;height:52px;border-radius:14px;background:#0A2A5E;color:#F7931E;display:grid;place-items:center;font-size:20px;font-weight:700;overflow:hidden}
.tb-pv-av.none{background:transparent;border:1.5px dashed var(--line);color:var(--muted);font-size:11px;font-weight:400;text-align:center}
.tb-pv-av img{width:100%;height:100%;object-fit:cover}
.tb-pv-n{display:block;font-weight:700;font-size:17px}
.tb-pv-n.ph{color:var(--muted)}
.tb-pv-t{display:block;font-size:13px;color:var(--muted)}
.tb-pv .tb-ph{color:var(--muted);border:1.5px dashed var(--line);border-radius:8px;padding:6px 8px}
.tb-star{color:#b86a00}
.tb-lnk{color:var(--trust);text-decoration:underline;overflow-wrap:anywhere}
.tb-chips{display:flex;flex-wrap:wrap;gap:6px}
.tb-chip{padding:4px 9px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.4}
.tb-chip.c{background:#E8F5EE;color:#11603A}
.tb-chip.p{background:#FFF4E6;color:#8A4B00}
.tb-chip.m{border:1.5px dashed var(--line);color:var(--muted);font-weight:400}
/* badge cards on the form */
.tb-sec{display:grid;gap:12px;margin-top:10px;padding-top:18px;border-top:1px solid var(--line)}
.tb-h{font-family:var(--f-display);font-size:20px;font-weight:700;margin-bottom:4px}
.tb-sec>.sub{margin:0}
.tb-card{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px;background:var(--surface)}
.tb-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:600;font-size:16px}
.tb-head small{font-weight:400;color:var(--muted);font-size:13px}
.tb-dot{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;box-sizing:border-box}
.tb-card.p .tb-dot{background:#F7931E;border-color:#F7931E}
.tb-card.c .tb-dot{background:#2EAD66;border-color:#2EAD66}
.tb-card.c .tb-dot::after{content:"✓"}
.tb-card p.d{margin:0;font-size:14px;color:var(--muted)}
.tb-st{margin:0;font-size:13px;font-weight:600;border-radius:8px;padding:8px 10px}
.tb-card.m .tb-st,.tb-g .tb-st{display:none}
.tb-card.p .tb-st{background:#FFF4E6;color:#8A4B00}
.tb-card.c .tb-st{background:#E8F5EE;color:#11603A}
.tb-refs{display:grid;gap:10px}
.upbox.sm{min-height:96px}
/* trust badges, round 2 (30 Oct 2026): tick boxes, pills, messages, remove buttons */
.tb-head{justify-content:space-between}
.tb-tick{font-weight:600;font-size:16px;align-items:center}
.tb-tick input{margin-top:0}
.tb-name{font-weight:600}
.tb-pill{flex:none;font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}
.tb-card.p .tb-pill{background:#FFF4E6;color:#8A4B00;border-color:#F7C98B}
.tb-card.c .tb-pill{background:#E8F5EE;color:#11603A;border-color:#A9DCC0}
.tb-card.p{border-color:#F7C98B}
.tb-card.c{border-color:#A9DCC0}
.tb-body{display:grid;gap:10px}
.tb-need{margin:0;font-size:13.5px;font-weight:600;border-radius:8px;padding:8px 10px;background:var(--err-soft);color:var(--err)}
.tb-need.ok{background:#FFF4E6;color:#8A4B00}
.tb-card.c .tb-need.ok{background:#E8F5EE;color:#11603A}
input.tb-bad{border-color:var(--err)!important;box-shadow:0 0 0 2px var(--err-soft)}
.tb-ref{display:grid;gap:6px}
.tb-ref-h{margin:0;font-weight:600;font-size:14px}
.tb-ref-h small{font-weight:400;color:var(--muted)}
.tb-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:420px){.tb-two{grid-template-columns:1fr}}
.tb-work{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.upwrap{display:grid;gap:6px}
.up-x{justify-self:start;border:1px solid var(--line);background:var(--surface);color:var(--err);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:36px}
#pfPhotoX{margin-top:6px}
.tb-years{display:grid;gap:6px}
.tb-years legend{font-weight:600;font-size:14px;margin-bottom:4px}
.tb-card.tb-g{border-style:dashed}
/* round 3 (30 Oct 2026): per-day hours, several trades, "(required)" */
.req small{font-size:12px;font-weight:600;color:inherit}
.pf-week{display:grid;gap:8px}
.pf-dayrow{display:grid;grid-template-columns:minmax(110px,150px) 1fr;align-items:center;gap:8px}
.pf-dayrow .ck{margin:0}
.pf-dt{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}
.pf-dt[hidden]{display:none}
.pf-dt select{min-width:0}
@media (max-width:480px){.pf-dayrow{grid-template-columns:1fr}.pf-dt{padding-inline-start:30px}}
.pf-copy{justify-self:start}
#pfTrades{display:grid;gap:8px}
.pf-trow{display:grid;gap:6px}
.pf-trow .pf-trm{justify-self:start}
#pfTradeAdd{justify-self:start;margin-top:4px}
#pfTradePick{display:grid;gap:6px}
/* round 4 (30 Oct 2026): hours by weekdays / Friday / Saturday, emergency, video */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pf-hrows{display:grid;gap:10px;margin-top:4px}
.pf-hrow{display:grid;grid-template-columns:minmax(120px,170px) 1fr auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.pf-hrow[hidden]{display:none}
.pf-hl{font-weight:600}
.pf-off{margin:0;white-space:nowrap}
@media (max-width:560px){.pf-hrow{grid-template-columns:1fr auto}.pf-hrow .pf-dt{grid-column:1/-1;grid-row:2}}
.tb-emerg{background:#FDECEA;border-radius:12px;padding:12px;border:1px solid #F5C2BC}
.tb-emerg .ck span{font-weight:600;color:#7A1A12}
.tb-emerg .tb-fine{color:#7A1A12}
@media (prefers-color-scheme:dark){.tb-emerg{background:#3a1a16;border-color:#6b2a22}.tb-emerg .ck span,.tb-emerg .tb-fine{color:#ffd2cb}}
.tb-tags{display:flex;flex-wrap:wrap;gap:6px}
.tb-emg{background:#B42318;color:#fff;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}
.tb-ngt{background:#1F2F57;color:#fff;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600}
.tb-vid{font-weight:600;color:var(--trust)}
.tb-sub{margin:0!important;font-size:14px}
.upbox video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px}
/* round 5 (30 Oct 2026): emergency in yellow with a red bolt and black text */
.tb-emerg{background:#FFF3B0;border-color:#F2C200}
.tb-emerg .ck span,.tb-emerg .tb-fine{color:#111}
@media (prefers-color-scheme:dark){.tb-emerg{background:#FFF3B0;border-color:#F2C200}.tb-emerg .ck span,.tb-emerg .tb-fine{color:#111}}
.tb-emg{background:#FFD60A;color:#111;border:1px solid #E0B800}
.tb-emg b{color:#C62828}
.tb-emg{display:inline-flex;align-items:center;gap:5px}
.htag.htag-emg{background:#FFD60A;color:#111;display:inline-flex;align-items:center;gap:4px;border:1px solid #E0B800}
/* round 6 (30 Oct 2026): "Still to add", saving note, save Laqeeni's number */
.tb-miss{margin:0 0 4px;font-size:13.5px;line-height:1.6;background:#FFF4E6;color:#5A3300;border-radius:10px;padding:8px 10px}
.tb-miss a{color:#0A2A5E;font-weight:600}
.tb-miss.ok{background:#E8F5EE;color:#11603A;font-weight:600}
.tb-full .tb-miss{margin-bottom:8px}
#pfSaveNote{text-align:center;margin-top:8px;font-weight:600;color:var(--ink)}
.tb-vcf{margin-top:14px;display:grid;gap:10px;background:var(--trust-soft);border-radius:14px;padding:14px}
.tb-vcf p{margin:0}
.tb-vcf .btn{justify-self:start}