/* ARCHON HEALTHCARE — Tools design system (2026-10-30).
   Same palette as the live site, byte-identical hexes. No frameworks.
   Pages using this file: /en/tools/* and /bn/tools/* (self-contained
   tool pages; the live homepages are untouched by this batch). */
:root{
  --paper:#FAF7F0; --paper2:#F3EEE2; --card:#FFFFFF;
  --ink:#22304A; --ink-soft:#5A6680;
  --navy:#0B1F3A; --navy-deep:#071627; --navy-2:#16305C;
  --gold:#C6A15B; --gold-deep:#A8843F; --gold-line:#DEC88F;
  --line:#E7DFCB; --hairline:#E0D6B8;
  --glass:rgba(255,255,255,.58); --glass-strong:rgba(255,255,255,.78);
  --glass-brd:rgba(255,255,255,.75);
  --sh-soft:0 8px 32px rgba(11,31,58,.10),0 2px 8px rgba(11,31,58,.06);
  --sh-lift:0 22px 48px rgba(11,31,58,.16),0 4px 14px rgba(11,31,58,.08);
  --r-lg:24px; --r-md:18px; --r-sm:12px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans Bengali','Nirmala UI',sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.65;font-size:16px;
  background:linear-gradient(160deg,var(--paper) 0%,var(--paper2) 52%,#EFE8D6 100%);
  background-attachment:fixed;overflow-x:hidden;
}
::selection{background:var(--gold);color:var(--navy-deep)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.serif{font-family:'Fraunces','Noto Serif Bengali',Georgia,serif}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:1060px;margin:0 auto;padding:0 28px}
/* header */
.thead{position:sticky;top:0;z-index:50;background:rgba(250,247,240,.88);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-bottom:1px solid var(--line)}
.thead-in{max-width:1060px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.thead .logo img{height:40px;width:auto;display:block}
.tnav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tnav a{padding:8px 14px;border-radius:999px;font-weight:600;font-size:14.5px}
.tnav a:hover{background:var(--paper2)}
.tnav a.cta{background:var(--navy);color:#fff}
.tnav a.cta:hover{background:var(--navy-2)}
.tnav a.gold{background:var(--gold);color:var(--navy-deep)}
/* hero + cards */
.hero{padding:44px 0 10px}
.hero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.15;color:var(--navy)}
.hero p.lede{font-size:18px;color:var(--ink-soft);max-width:72ch;margin-top:10px}
.kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);font-weight:700}
.card{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--r-lg);box-shadow:var(--sh-soft);padding:26px 28px;margin:22px 0}
.card.dark{background:rgba(11,31,58,.88);color:#fff;border-color:rgba(222,200,143,.28)}
.card.dark p,.card.dark li{color:rgba(255,255,255,.88)}
.card h2{font-size:24px;color:var(--navy);margin-bottom:8px}
.card.dark h2{color:#fff}
.card h3{font-size:18px;margin:16px 0 6px;color:var(--navy)}
.card.dark h3{color:#fff}
.card p{margin:8px 0}
.card ul,.card ol{margin:8px 0 8px 22px}
.card li{margin:5px 0}
.note{font-size:14px;color:var(--ink-soft);border-left:3px solid var(--gold-line);padding:8px 14px;background:rgba(222,200,143,.18);border-radius:0 10px 10px 0;margin:14px 0}
.card.dark .note{color:rgba(255,255,255,.8)}
/* forms */
label{display:block;font-weight:600;margin:14px 0 6px}
input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:16px;background:#fff;color:var(--ink);font-family:inherit}
input:focus,select:focus{border-color:var(--gold);outline:none}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.row{grid-template-columns:1fr}}
.btn{display:inline-block;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:16px;padding:13px 26px;border-radius:999px}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-2)}
.btn-gold{background:var(--gold);color:var(--navy-deep)}
.btn-gold:hover{background:var(--gold-deep);color:#fff}
.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 18px;cursor:pointer;font-weight:600;font-size:15px}
.chip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--navy-deep)}
/* tables */
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15.5px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--navy);color:#fff}
th:first-child{border-radius:10px 0 0 0}
th:last-child{border-radius:0 10px 0 0}
tr:nth-child(even) td{background:rgba(250,247,240,.7)}
.tablewrap{overflow-x:auto}
/* checklist */
.check{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:12px;margin:9px 0;background:#fff}
.check input{width:20px;height:20px;margin-top:3px;accent-color:var(--gold-deep);flex:none}
.check.done{opacity:.62}
.check.done .ctext{text-decoration:line-through}
.progress{height:14px;background:var(--paper2);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:12px 0}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-deep));width:0%;transition:width .3s}
/* chat */
.chatbox{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;height:340px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px}
.chatlog{height:340px;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:86%;padding:11px 15px;border-radius:16px;line-height:1.55}
.msg.bot,.msg.arki{background:var(--paper2);align-self:flex-start;border-bottom-left-radius:4px}
.msg.user{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.chatinput{display:flex;gap:10px;padding:12px;border-top:1px solid var(--line);background:var(--paper)}
.chatinput input{flex:1}
.qsugg{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 12px;background:var(--paper)}
.qsugg button{border:1px solid var(--gold-line);background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer;font-size:14px}
/* currency result + PS note + visa timeline */
.big{font-size:22px;color:var(--navy);margin:16px 0}
.psbox{border:1.5px solid var(--gold-line);background:rgba(222,200,143,.18);border-radius:14px;padding:14px 18px;margin:16px 0}
.psbox p{margin:6px 0}
.timeline li{margin:14px 0}
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;background:var(--navy-deep);color:#fff;border:1px solid rgba(222,200,143,.35);border-radius:18px;box-shadow:var(--sh-lift);padding:18px 22px;display:none}
.consent.show{display:block}
.consent p{margin:0 0 12px;max-width:86ch}
.consent .btns{display:flex;gap:10px;flex-wrap:wrap}
/* footer */
.tfoot{margin-top:44px;background:linear-gradient(180deg,var(--navy),var(--navy-deep));color:rgba(255,255,255,.85)}
.tfoot-in{max-width:1060px;margin:0 auto;padding:34px 28px;display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start}
.tfoot .logowrap{background:#fff;padding:10px 18px;border-radius:14px;box-shadow:0 0 0 1px rgba(222,200,143,.35),0 10px 30px rgba(198,161,91,.25)}
.tfoot .logowrap img{height:42px;width:auto;display:block}
.tfoot small{display:block;color:rgba(255,255,255,.6);margin-top:14px}
.tfoot a.u{text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.card{padding:20px 18px}.hero{padding:30px 0 6px}}

/* ---- Print: checklist / kit printouts ---- */
@media print {
  .thead, .tfoot, .btn, .chips, #sugg, .psbox { display: none !important; }
  body { background: #fff; }
  .wrap { max-width: 100%; padding: 0; }
  .card { box-shadow: none; border: 1px solid #ccc; }
  .check { border: none; padding: 2px 0; }
}