/* หน้า claim — ธีมเดียวกับเว็บหลัก (กรมท่า/ทอง) · สร้างโดย data/build-claim.js */
.claim{--bg:#FCFCF8;--surface:#fff;--ink:#16203A;--muted:#525B6E;--line:#E6DFCF;--accent:#0B1D3F;--accent-soft:#F1ECDD;
  --mark:#F2DFA5;--mark-line:#C4A062;--warn:#8A3320;--ok:#2F5A34;--ok-soft:#E7EFE6;--font:var(--sans);
  max-width:760px;margin:0 auto;padding:20px 16px 56px;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65}
.claim.narrow{max-width:560px}.claim.wide{max-width:960px}
.claim h1,.claim h2,.claim h3{font-family:var(--serif);color:var(--navy)}
.claim nav.tabs{top:64px}
/* กันสไตล์ทั่วไปของเว็บหลักที่ชื่อคลาสซ้ำกัน (.note .check .tabs) และค่าเริ่มต้นของ p */
.claim p{margin:1em 0}
.claim .note{width:auto;font-size:inherit;line-height:inherit;color:inherit;text-align:left}
.claim ul.check{min-height:0;align-items:stretch;font-size:inherit}
.claim nav.tabs{padding-inline:0;border-radius:0}
.crumb{display:inline-block;margin-bottom:10px;font-weight:600;text-decoration:none;color:var(--navy);font-size:.95rem}
.crumb:hover{text-decoration:underline}
.related{margin:14px 0 0;color:var(--muted);font-size:.95rem}.related a{font-weight:600}
.claim *{box-sizing:border-box}
.claim{max-width:760px;margin:0 auto;padding-block:28px 56px}
.claim header h1{font-size:1.65rem;line-height:1.3;margin:0 0 8px;text-wrap:balance;font-weight:700}
.claim header p{margin:0;color:var(--muted)}
.claim .warnline{margin-top:14px;padding:10px 14px;border:1px solid var(--line);border-left:4px solid var(--warn);background:var(--surface);border-radius:6px;font-size:.95rem}
.claim nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);padding-block:12px;margin-top:20px;
  display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.claim nav a{text-decoration:none;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:999px;font-weight:600;font-size:.95rem}
.claim nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.claim section{padding-top:32px;scroll-margin-top:64px}
.claim h2{font-size:1.3rem;margin:0 0 4px;font-weight:700}
.claim .sub{color:var(--muted);margin:0 0 14px}
.claim .keys{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none}
.claim .keys li{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 14px}
.claim .keys b{font-weight:600}
.claim mark{background:var(--mark);color:var(--ink);padding:0 4px;border-radius:3px;box-shadow:inset 0 -1px 0 var(--mark-line)}
.claim .dl{text-decoration:none;font:inherit;width:100%;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center;margin-top:14px;padding:14px 16px;border:2px solid var(--accent);border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 3px 0 rgba(11,29,63,.18)}
.claim .dl b{color:var(--ink);font-size:1.02rem}
.claim .dl small{color:var(--muted)}
.claim .dlfile{width:3rem;height:3.4rem;border-radius:6px 14px 6px 6px;background:#1d7a46;color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center;letter-spacing:.5px}
.claim .dlbtn{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:8px;background:var(--accent);color:#fff;font-weight:700;font-size:1.05rem;padding:11px 16px;border-radius:999px}
.claim .dl:hover .dlbtn{filter:brightness(1.08)}
.claim .dl:active{transform:translateY(1px)}
.claim .dlmsg{margin-top:6px;font-size:.9rem;color:var(--muted)}
.claim .dlic{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700}
.claim .note{margin-top:16px;padding:12px 16px;border:2px solid var(--mark-line);background:#fff8dc;border-radius:10px}
.claim .note b{color:#7a4e00}
.claim .note ul{margin:6px 0 0;padding-left:1.2em}
.claim .note li{margin:2px 0}
.claim .case{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;background:#fff}
.claim .case-q{font-weight:700}
.claim .case-a{margin-top:6px;padding:8px 10px;background:var(--accent-soft);border-radius:6px}
.claim ul.plain{margin:6px 0 0;padding-left:1.2em}
.claim ul.plain li{margin:3px 0}
.claim .seg{display:flex;gap:6px;margin:10px 0;flex-wrap:wrap}
.claim .segb{font:inherit;font-weight:700;flex:1;min-width:9rem;padding:8px 12px;border-radius:14px;font-size:.92rem;line-height:1.35;border:2px solid var(--accent);background:#fff;color:var(--accent);cursor:pointer}
.claim .segb[aria-pressed="true"]{background:var(--accent);color:#fff}
.claim ul.check li.sep{list-style:none;margin:14px 0 6px 0;padding-left:10px !important;padding:6px 10px;background:var(--accent-soft);color:var(--accent);font-weight:700;border-radius:8px}
.claim ul.check li.sep::before{display:none}
.claim ol.flow{margin:6px 0 0;padding:0;list-style:none;counter-reset:f}
.claim ol.flow li{counter-increment:f;position:relative;padding:8px 0 8px 44px;border-left:2px dashed var(--line);margin-left:15px}
.claim ol.flow li::before{content:counter(f);position:absolute;left:-16px;top:6px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}
.claim ol.flow li span{display:block;color:var(--muted);font-size:.95rem}
.claim ol.flow li:last-child{border-left-color:transparent}
.claim .nocard{margin:14px 0;border-color:var(--warn);background:#F6E7E2}
.claim .nocard>b{color:var(--warn)}
.claim .nocard .nl{margin:6px 0 0}
.claim .nocard .warnp{font-weight:700;color:#8A3320}
.claim .nocard ul.contacts{margin:4px 0 0;padding-left:1.2em}
.claim .nocard ul.contacts li{margin:2px 0}
.claim .hosp{margin-top:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:10px}
.claim .hosp b{display:block;color:var(--ink)}
.claim .hospbtn{display:flex;justify-content:center;gap:8px;margin-top:8px;padding:11px 16px;border-radius:999px;background:var(--accent);color:#fff!important;font-weight:700;text-decoration:none}
.claim nav.tabs{top:64px!important}
.claim .paybox{margin-top:14px;display:grid;gap:10px}
.claim .paybox>div{padding:12px 16px;border-radius:12px;border:2px solid}
.claim .paybox p{margin:4px 0 0}
.claim .pb-ok{border-color:#1d7a46!important;background:#eefaf2}
.claim .pb-ok b{color:#1d7a46}
.claim .pb-warn{border-color:var(--mark-line)!important;background:#fff8dc}
.claim .pb-warn b{color:#7a4e00}
.claim .pb-app{margin-top:8px!important;padding-top:8px;border-top:1px dashed var(--mark-line)}
.claim details.more .steps{margin-top:10px}
.claim .steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:8px}
.claim .steps li{counter-increment:s;display:block;position:relative;min-height:3rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 14px 10px 56px}
.claim .steps li::before{content:counter(s);position:absolute;left:14px;top:10px;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--surface);display:grid;place-items:center;font-weight:700;font-variant-numeric:tabular-nums}
.claim .steps b{font-weight:600;margin-right:4px}
.claim .langbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 14px;color:var(--muted);font-size:.95rem}
.claim .langbar button{font:inherit;font-weight:600;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:999px;padding:4px 14px;cursor:pointer}
.claim .langbar button[aria-pressed="true"]{background:var(--accent);color:var(--surface)}
.claim .langbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.claim .appstep{display:grid;grid-template-columns:2.2rem 1fr;gap:12px;align-items:start;margin:18px 0 8px}
.claim .appstep .num{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:var(--surface);display:grid;place-items:center;font-weight:700}
.claim .appstep h3{margin:0;font-size:1.08rem}
.claim .appstep p{margin:2px 0 0;color:var(--muted)}
.claim .appstep>div{min-width:0}
.claim .slide{margin:0 0 10px}
.claim.lang-th .slide .en,.claim.lang-en .slide .th{display:none}
.claim details.more{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin-top:12px}
.claim details.more summary{cursor:pointer;font-weight:600;color:var(--accent)}
.claim details.more[open] summary{margin-bottom:10px}
.claim .plain{margin:0 0 10px;padding-left:1.2em}
.claim .tablewrap{overflow-x:auto}
.claim .tablewrap table{border-collapse:collapse;width:100%;font-size:.95rem}
.claim .tablewrap th,.claim .tablewrap td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.claim .tablewrap th{color:var(--muted);font-weight:600}
.claim .steps li p,.claim .results li p{margin:0}
.claim .steps li .slide{margin:10px 0 0 -42px}
.claim .results li .slide{margin:10px 0 0}
.claim .hint{color:var(--muted);font-size:.9rem}
.claim .minihead{margin:22px 0 8px;font-size:1rem}
.claim .pick{margin:22px 0 0;color:var(--muted);font-weight:500}
.claim nav.tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);padding-block:10px;margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.claim nav.tabs a{text-decoration:none;color:var(--accent);background:var(--accent-soft);padding:7px 14px;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent}
.claim nav.tabs a.lookup,.claim nav.tabs a.hrtab{background:#fff;border-color:var(--accent)}
.claim nav.tabs a.hrtab[aria-current="page"]{background:var(--accent)}
.claim nav.tabs a[aria-current="page"]{background:var(--accent);color:var(--surface)}
.claim nav.tabs .subrow{flex-basis:100%;display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:2px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fafafa}
.claim nav.tabs .subrow[hidden]{display:none}
.claim nav.tabs .subrow a{font-size:.88rem;padding:5px 12px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.claim nav.tabs .subrow a[aria-current="page"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.claim .sublabel{font-size:.85rem;color:var(--muted);flex-basis:100%}
.claim nav.tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.claim section{padding-top:24px}
.claim .docs h3{margin:0;font-size:1.05rem}
.claim .send{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:.95rem}
.claim .must{display:inline-block;margin-left:4px;padding:0 8px;border-radius:4px;background:var(--mark);box-shadow:inset 0 -1px 0 var(--mark-line);font-weight:700;color:var(--ink)}
.claim .results figure{margin:10px 0 0}
.claim .results .crop img{width:auto;max-width:100%;height:auto;border:1px solid var(--line);border-radius:6px;display:block;background:#fff}
.claim .results .full img{width:100%;height:auto}
.claim .pstep{margin:18px 0 0;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.claim .phead{display:flex;align-items:center;gap:12px}
.claim .phead .num{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--accent);color:var(--surface);display:grid;place-items:center;font-weight:700}
.claim .phead h3{margin:0;font-size:1.1rem}
.claim .pbody{margin-top:8px}
.claim .pbody p{margin:0}
.claim .pic{margin:10px 0 0}
.claim .pic figcaption{font-size:.85rem;color:var(--muted);margin-top:4px}
.claim .pic img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:6px;background:#fff}
.claim ul.check{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.claim ul.check li{padding-left:28px;position:relative}
.claim ul.check li::before{content:"";position:absolute;left:2px;top:.35em;width:16px;height:16px;border:2px solid var(--accent);border-radius:4px}
.claim .example{margin-top:10px;padding:10px 14px;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:6px}
.claim .example p{margin:4px 0 0}
.claim .exlabel{font-size:.85rem;font-weight:600;color:var(--accent)}
.claim .credit{font-size:.85rem;color:var(--muted);margin:6px 0 0}
.claim figure{margin:0 0 18px}
.claim figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px;background:#fff}
.claim figcaption{font-size:.9rem;color:var(--muted);margin-top:6px}
.claim .docs{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin-top:28px}
.claim .docs h2{font-size:1.1rem}
.claim .docs ol{margin:8px 0 0;padding-left:1.4em}
.claim footer{margin-top:36px;color:var(--muted);font-size:.9rem}
.claim .hrh{font-size:1.1rem;margin:22px 0 4px}
.claim .hrq{width:100%;min-height:48px;padding:0 12px;border:1px solid #b9c1c8;border-radius:10px;font:inherit;background:#fff;color:var(--ink);margin-top:6px}
.claim .codes{list-style:none;margin:8px 0 0;padding:0;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px}
.claim .codes li+li{border-top:1px solid var(--line)}
.claim .codes button{display:flex;gap:10px;width:100%;min-height:44px;padding:8px 12px;border:0;background:#fff;font:inherit;color:var(--ink);text-align:left;cursor:pointer;align-items:baseline}
.claim .codes button:hover{background:#fafafa}
.claim .codes button[aria-pressed="true"]{background:var(--accent-soft)}
.claim .codes .cd{flex:none;min-width:2.6rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}
.claim .hrsel[hidden]{display:none}
.claim .hrsel{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:8px;padding:8px 12px;border:2px solid var(--accent);border-radius:10px;background:var(--accent-soft)}
.claim .hrsel button,.claim .mini{min-height:36px;padding:0 12px;border:1px solid var(--accent);border-radius:999px;background:#fff;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}
.claim .hrcard{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.claim .hrcard h3{margin:0 0 2px;font-size:1.15rem}
.claim .hrcard h3 small{font-weight:500;color:var(--muted)}
.claim .hrcard>p{margin:0}
.claim .urgent{margin-top:10px;padding:10px 14px;border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:6px;background:#F6E7E2}
.claim .mailbtn{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:10px;border:2px solid var(--accent);border-radius:999px;background:#fff;color:var(--accent);font:inherit;font-weight:700;cursor:pointer}
.claim .mailbtn:hover{background:var(--accent-soft)}
.claim .mailopts{display:grid;gap:8px;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafafa}
.claim .mailopts[hidden]{display:none}
.claim .mailopts p{margin:0}
.claim .mailopts a.opt{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--accent);border-radius:999px;background:#fff;color:var(--accent);font-weight:600;text-decoration:none;text-align:center;padding:0 12px}
.claim .mailopts a.opt:hover{background:var(--accent-soft)}
.claim .cprow{display:flex;gap:8px;flex-wrap:wrap}
.claim .cols{margin:10px 0 0;padding-left:1.2em}
.claim .cols li{margin:6px 0}
.claim .hrsend{background:#fafafa}
.claim .hrsend p{margin:6px 0}

/* ค้นหาเลขสิทธิ์ */
.claim.mem *{box-sizing:border-box}
.claim.mem{max-width:560px;margin:0 auto;padding-block:24px 56px}
.claim.mem a{color:var(--accent)}
.claim.mem .back{display:inline-block;margin-bottom:12px;text-decoration:none;font-weight:600}
.claim.mem h1{font-size:1.55rem;line-height:1.3;margin:0 0 6px}
.claim.mem .sub{margin:0 0 18px;color:var(--muted)}
.claim.mem form{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px}
.claim.mem label,.claim.mem .lbl{display:block;font-weight:600;font-size:.95rem;margin-bottom:4px}
.claim.mem label i,.claim.mem .lbl i{color:var(--warn);font-style:normal}
.claim.mem input,.claim.mem select{width:100%;min-height:48px;padding:0 12px;border:1px solid #b9c1c8;border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.claim.mem input:focus-visible,.claim.mem select:focus-visible,.claim.mem button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.claim.mem .dob{display:grid;grid-template-columns:1fr 1.6fr 1.2fr;gap:8px}
.claim.mem .ac{position:relative}
.claim.mem .ac input{font-size:1.05rem}
.claim.mem .sug{position:absolute;z-index:5;left:0;right:0;top:100%;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid #b9c1c8;border-radius:10px;box-shadow:0 8px 24px rgba(11,29,63,.14);max-height:390px;overflow-y:auto}
.claim.mem .sug[hidden]{display:none}
.claim.mem .sug li{padding:11px 12px;border-radius:8px;cursor:pointer;line-height:1.35}
.claim.mem .sug li[aria-selected="true"],.claim.mem .sug li[data-k]:hover{background:var(--accent-soft)}
.claim.mem .sug li.none{color:var(--muted);cursor:default;font-size:.92rem}
.claim.mem button.go{min-height:50px;border:0;border-radius:12px;background:var(--accent);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.claim.mem button.go:disabled{opacity:.6;cursor:wait}
.claim.mem .hint{font-size:.88rem;color:var(--muted);margin:0}
.claim.mem .res{margin-top:16px;padding:16px;border-radius:12px;border:2px solid var(--line)}
.claim.mem .res[hidden]{display:none}
.claim.mem .res.ok{border-color:var(--ok);background:var(--ok-soft)}
.claim.mem .res.no{border-color:var(--warn);background:#fff4f2}
.claim.mem .res .cert{font-size:1.9rem;font-weight:700;letter-spacing:.04em;margin:4px 0;word-break:break-all}
.claim.mem .res button.copy{min-height:42px;padding:0 16px;border:1px solid var(--ok);border-radius:10px;background:#fff;color:var(--ok);font:inherit;font-weight:600;cursor:pointer}
.claim.mem .res p{margin:4px 0}

/* ส่วนหัวเว็บหลักสูงขึ้นบนจอกว้าง แท็บที่ติดบนจอต้องเลื่อนตาม */
@media (min-width:900px){.claim nav.tabs{top:85px!important}}
/* หน้ารวมบริการ */
.claim .hubhead h1{font-size:1.9rem;line-height:1.3;margin:0 0 8px}
.claim .hubhead p{margin:0;color:var(--muted)}
.hubgrid{display:grid;gap:14px;margin-top:22px}
@media (min-width:700px){.hubgrid{grid-template-columns:1fr 1fr}}
.claim a.hubcard{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--ink)}
.claim a.hubcard:hover{border-color:var(--gold);box-shadow:0 6px 20px rgba(11,29,63,.08)}
.hubcard .ic{font-size:30px;line-height:1}
.claim .hubcard h2{font-size:1.2rem;margin:4px 0 0}
.hubcard p{margin:0;color:var(--muted)}
.hubcard .go{margin-top:auto;padding-top:8px;font-weight:600;color:var(--navy)}
.hubnote{margin-top:22px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--ivory);font-size:.95rem}
.hubnote ul{margin:6px 0 0;padding-left:1.2em}