/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* Scope to homepage cards; all navigation/data remain server-rendered. */
.homepage .citizen-entry{--ce-ink:#153e36;--ce-muted:#5a756c;--ce-line:#dce9e2;--ce-ease:cubic-bezier(.22,.75,.25,1);position:relative;z-index:1;max-width:1320px;padding:46px 16px 40px;color:var(--ce-ink)}
.citizen-entry-heading{margin-bottom:25px;max-width:780px}
.citizen-entry-heading>span{display:inline-flex;align-items:center;gap:8px;background:#e5f3eb;color:#176d53;border:1px solid #d3e9dc;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;letter-spacing:.04em}
.citizen-entry-heading>span::before{content:"";width:6px;height:6px;border-radius:50%;background:#168768;box-shadow:0 0 0 4px #16876812}
.citizen-entry-heading h2{font-family:inherit!important;font-size:clamp(23px,2.6vw,33px)!important;font-weight:700;line-height:1.5;letter-spacing:-.02em;margin:10px 0 6px;color:var(--ce-ink)}
.citizen-entry-heading p{font-size:14px;color:var(--ce-muted);line-height:1.9;margin:0}
.citizen-entry-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.42fr);gap:24px;align-items:stretch}
.citizen-entry-finder{position:relative;isolation:isolate;overflow:hidden;padding:28px;background:radial-gradient(ellipse at 100% 0%,#c6eadb88,transparent 65%),linear-gradient(135deg,#f0f8f2,#e6f2ec);border:1px solid #cfe4d7;border-radius:24px;box-shadow:0 8px 28px #153e3507}
.citizen-entry-finder>:not(.citizen-entry-scene){position:relative;z-index:1}
.citizen-entry-icon{display:inline-grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:#d7ecdf;color:#137157;font-size:19px;transition:transform .4s var(--ce-ease),background-color .25s}
.citizen-entry h3{font-family:inherit!important;font-size:21px!important;font-weight:700;line-height:1.55;color:var(--ce-ink);margin:14px 0 6px}
.citizen-entry-finder>p{font-size:13px;color:var(--ce-muted);line-height:1.8;margin-bottom:22px;max-width:90%}
.citizen-entry-finder label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}
.citizen-entry-search{display:flex;gap:6px;padding:6px;background:#fff;border:1px solid #bad7c8;border-radius:15px;box-shadow:0 4px 12px #124f3506;transition:box-shadow .25s,border-color .25s}
.citizen-entry-search:focus-within{border-color:#299c78;box-shadow:0 0 0 4px #14806216}
.citizen-entry-search input{font:inherit;font-size:16px;width:100%;min-width:0;padding:9px 10px;background:none;border:0;outline:none;color:var(--ce-ink)}
.citizen-entry-search input::placeholder{color:#6e847b;font-size:13px}
.citizen-entry-search button{display:grid;place-items:center;border:0;border-radius:11px;background:#116d55;color:#fff;min-width:46px;min-height:46px;transition:background .2s,transform .2s}
.citizen-entry-search button:hover{background:#0b5441}.citizen-entry-search button:active{transform:scale(.96)}
.citizen-entry-all{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;color:#10684e!important;font-size:13px;font-weight:600;text-decoration:none}
.citizen-entry-all span{transition:transform .25s}.citizen-entry-all:hover span{transform:translateX(4px)}
.citizen-entry-finder>small{display:block;color:var(--ce-muted);font-size:11px;line-height:1.9;padding-top:14px;border-top:1px solid #cddfd5}
.citizen-entry-services{min-width:0;padding:5px 0}
.citizen-entry-services>h3{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px!important;margin:0 0 15px}
.citizen-entry-services>h3>span{font-size:12px;font-weight:400;color:var(--ce-muted)}
.citizen-entry-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.citizen-entry-card{--ce-card-accent:#14765b;--ce-card-soft:#e8f5ee;position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:14px;min-width:0;min-height:144px;overflow:hidden;padding:23px 20px 30px;background:#fff;border:1px solid var(--ce-line);border-radius:20px;color:var(--ce-ink)!important;text-decoration:none!important;box-shadow:0 4px 18px #163c3505;transition:transform .38s var(--ce-ease),box-shadow .38s var(--ce-ease),border-color .3s}
.citizen-entry-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,var(--ce-card-soft),transparent 72%);opacity:.5;z-index:-1;transition:opacity .35s}
.citizen-entry-card .citizen-entry-icon{width:42px;height:42px;border-radius:13px;font-size:17px;background:var(--ce-card-soft);color:var(--ce-card-accent)}
.citizen-entry-card:nth-child(2){--ce-card-accent:#976b27;--ce-card-soft:#fcf2df}.citizen-entry-card:nth-child(3){--ce-card-accent:#466ca3;--ce-card-soft:#edf3fd}.citizen-entry-card:nth-child(4){--ce-card-accent:#a46066;--ce-card-soft:#fbeced}
.citizen-entry-card>span:nth-child(2){min-width:0}.citizen-entry-card strong{display:block;font-size:14px;line-height:1.8;font-weight:600;overflow-wrap:anywhere}.citizen-entry-card small{display:block;font-size:11px;color:var(--ce-muted);line-height:1.9;margin-top:5px}
.citizen-entry-arrow{position:absolute;right:16px;bottom:13px;color:var(--ce-card-accent);font-size:17px;transition:transform .35s var(--ce-ease)}
.citizen-entry :is(a,button,input):focus-visible{outline:3px solid #188265;outline-offset:4px}
.citizen-entry-card:focus-visible{border-color:#3a9677;box-shadow:0 0 0 4px #14806216}
.citizen-entry-scene{position:absolute;inset:10px 4px auto auto;width:148px;height:148px;z-index:0;pointer-events:none;opacity:.45;contain:strict;mask-image:radial-gradient(ellipse,#000 40%,transparent 75%)}
.citizen-entry-scene>span{position:absolute;inset:22%;border:1px solid #4c9a7e44;border-radius:50%;transform:rotate(-30deg) scaleX(.65)}
.citizen-entry-scene>span:nth-child(2){transform:rotate(30deg) scaleX(.65)}.citizen-entry-scene>span:nth-child(3){inset:34%;background:#6db99916;transform:none}
.citizen-entry-scene canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.citizen-entry-scene.is-ready>span{opacity:0}
.homepage #main-content .home-card-surface{border:1px solid #dce8e3;border-radius:22px;box-shadow:0 6px 24px #153e3508;transition:transform .35s var(--home-ease,cubic-bezier(.22,.75,.25,1)),box-shadow .35s,border-color .3s}
.homepage #main-content :is(.blog-item,.events-item,.service-item).home-card-surface{overflow:hidden}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.citizen-entry-card:hover{transform:translateY(-4px);border-color:#b1d0bf;box-shadow:0 15px 32px #153e3512}.citizen-entry-card:hover::before{opacity:.9}.citizen-entry-card:hover .citizen-entry-icon{transform:translateY(-2px) rotate(-4deg)}.citizen-entry-card:hover .citizen-entry-arrow{transform:translate(2px,-2px)}.homepage #main-content .home-card-surface:hover{transform:translateY(-4px);box-shadow:0 16px 32px #153e3512;border-color:#b1d0bf}}
@media(max-width:991.98px){.citizen-entry-grid{grid-template-columns:1fr;gap:24px}.citizen-entry-finder{padding:25px}.citizen-entry-card{min-height:125px}.homepage .citizen-entry{padding-top:32px;padding-bottom:30px}.citizen-entry-scene{width:135px;height:135px}}
@media(max-width:575.98px){.citizen-entry-heading p{font-size:12px}.citizen-entry-finder{padding:22px;border-radius:21px}.citizen-entry-cards{gap:10px}.citizen-entry-card{flex-direction:column;gap:12px;padding:18px 15px 30px;min-height:170px;border-radius:18px}.citizen-entry-card strong{font-size:13px}.citizen-entry-services>h3>span{font-size:11px}.citizen-entry-scene{opacity:.32}}
@media(max-width:359.98px){.citizen-entry-cards{grid-template-columns:1fr}.citizen-entry-card{flex-direction:row;min-height:112px}}
@media(prefers-reduced-motion:reduce){.citizen-entry *,.homepage #main-content .home-card-surface{transition:none!important;animation:none!important}.citizen-entry-card,.homepage #main-content .home-card-surface{transform:none!important}}