/* Service-process directory — civic healthcare cards */
.process-index-hero{position:relative;overflow:hidden;padding:clamp(58px,6vw,92px) 0 clamp(72px,7vw,110px);background:#123f66}.process-index-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(131,215,201,.18),transparent 28%),linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.035) 58% 59%,transparent 59%)}.process-index-hero:after{content:"";position:absolute;right:-7rem;bottom:-11rem;width:27rem;height:27rem;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 3rem rgba(255,255,255,.025),0 0 0 7rem rgba(255,255,255,.018)}.process-hero-grid{position:relative;z-index:1;align-items:center}.process-hero-title>p{display:flex;align-items:center;gap:10px;color:#a9dfd7;font-size:.75rem;font-weight:600;letter-spacing:.08em}.process-hero-title>p:before{content:"";width:34px;height:1px;background:#83d7c9}.process-index-hero h1{margin:18px 0 0;font-family:Pridi,"IBM Plex Sans Thai",serif;font-size:clamp(3.5rem,6.4vw,6.5rem);font-weight:600;line-height:.92;letter-spacing:-.055em;text-wrap:balance}.process-hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;color:#d8e9ee;font-size:.78rem}.process-hero-points span{display:flex;align-items:center;gap:7px}.process-hero-points i{color:#83d7c9;font-size:1rem}.process-hero-note{max-width:390px;margin-left:auto;padding:28px 0 0}.process-hero-note>i{display:grid;width:48px;height:48px;margin-bottom:22px;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06)}.process-hero-note>p{font-size:.88rem;line-height:1.85;text-wrap:pretty}.process-hero-note>a{display:inline-flex;align-items:center;margin-top:22px;padding-bottom:4px;border-bottom:1px solid #83d7c9;font-size:.76rem}
.process-index{padding:0 0 clamp(80px,9vw,130px);background:#f1f6f7}.process-index>.wrap{position:relative;z-index:2;max-width:1180px;margin-top:-34px;padding:34px clamp(24px,3.5vw,48px) clamp(34px,4vw,52px);background:#f8fbfb;box-shadow:0 24px 65px rgba(16,63,88,.12)}.process-list-head{margin-bottom:26px;padding:0 0 20px;border-color:#cadcdf}.process-list-head span{font-family:Pridi,"IBM Plex Sans Thai",serif;font-size:1.45rem;font-weight:600}.process-list-head strong{padding:4px 8px;background:#dfeeed;font-variant-numeric:tabular-nums}.process-list-head p{font-size:.78rem}.process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:transparent}
.process-card{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:16px 20px;min-height:260px;padding:22px 24px 20px;overflow:hidden;border:1px solid #d6e3e5;background:#fff;color:inherit;box-shadow:0 8px 22px rgba(16,63,88,.045);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.process-card:first-child{border-top:1px solid #d6e3e5}.process-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#168c9c;transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease}.process-card:hover{padding-left:24px;border-color:#9fc7c7;background:#fff;box-shadow:0 18px 40px rgba(16,63,88,.11);transform:translateY(-4px)}.process-card:hover:before{transform:scaleY(1)}.process-card-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e2ebed}.process-card-top small{color:#168c9c;font-size:.67rem;font-weight:700;letter-spacing:.035em}.process-card-top b{color:#81959d;font-size:.68rem;font-variant-numeric:tabular-nums}.process-card-media{grid-column:1;grid-row:2;width:76px;height:76px;background:#e5f2f2;color:#117f88}.process-card:nth-child(even) .process-card-media{background:#e8eff5;color:#2f6f9f}.process-card-media i{font-size:2rem}.process-card-media img{transition:transform .4s ease}.process-card:hover .process-card-media img{transform:scale(1.05)}.process-card-copy{grid-column:2;grid-row:2;align-content:start;gap:9px}.process-card-copy>strong{max-width:28ch;color:#103f58;font-family:Pridi,"IBM Plex Sans Thai",serif;font-size:1.28rem;font-weight:600;line-height:1.35;text-wrap:pretty}.process-card-copy>span{display:-webkit-box;overflow:hidden;color:#637b84;font-size:.79rem;line-height:1.7;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.process-card-copy>em{gap:5px 14px;margin-top:2px}.process-card-link{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid #e2ebed;color:#176c79;font-size:.72rem;font-weight:700}.process-card-link i{font-size:1rem;transition:transform .25s ease}.process-card:hover .process-card-link i{transform:translate(2px,-2px)}
.process-help{display:grid;grid-template-columns:1.15fr 1.6fr .65fr;gap:30px;align-items:center;margin-top:28px;padding:26px 28px;background:#123f66;color:#fff}.process-help-title{display:flex;align-items:center;gap:15px}.process-help-title>span{display:grid;width:44px;height:44px;flex:none;place-items:center;background:#83d7c9;color:#123f66;font-size:1.2rem}.process-help-title small,.process-help-title strong{display:block}.process-help-title small{color:#9fcbd1;font-size:.65rem}.process-help-title strong{margin-top:3px;font-size:.87rem;line-height:1.45}.process-help ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none}.process-help li{display:grid;gap:5px;padding-left:14px;border-left:1px solid rgba(255,255,255,.16)}.process-help li b{color:#83d7c9;font-size:.62rem}.process-help li span{color:#d7e5e9;font-size:.68rem;line-height:1.55}.process-help>a{position:relative;padding:11px 42px 11px 14px;border:1px solid rgba(255,255,255,.22);transition:background .2s ease}.process-help>a:hover{background:rgba(255,255,255,.1)}.process-help>a small,.process-help>a strong{display:block}.process-help>a small{color:#9fcbd1;font-size:.6rem}.process-help>a strong{font-size:.86rem}.process-help>a>i{position:absolute;right:14px;top:50%;color:#83d7c9;font-size:1.15rem;transform:translateY(-50%)}.process-card:focus-visible,.process-help>a:focus-visible{outline:3px solid #55bfb3;outline-offset:3px}
@media(max-width:900px){.process-list{grid-template-columns:1fr}.process-help{grid-template-columns:1fr}.process-help ol{padding:5px 0}.process-help>a{max-width:230px}}@media(max-width:760px){.process-index-hero{padding:42px 0 68px}.process-index-hero h1{font-size:3.35rem}.process-hero-points{margin-top:22px}.process-hero-note{max-width:none;margin:0}.process-index>.wrap{width:calc(100% - 20px);margin-top:-24px;padding:24px 14px 30px}.process-list-head{gap:8px;margin-bottom:18px}.process-list-head span{font-size:1.22rem}.process-list-head p{font-size:.72rem}.process-card{grid-template-columns:58px minmax(0,1fr);min-height:220px;gap:14px;padding:18px}.process-card:hover{padding-left:18px;transform:none}.process-card-media{width:58px;height:58px}.process-card-media i{font-size:1.55rem}.process-card-copy>strong{font-size:1.06rem}.process-card-link{display:flex}.process-help{gap:22px;margin-top:18px;padding:24px 18px}.process-help ol{grid-template-columns:1fr;gap:10px}.process-help li{grid-template-columns:24px 1fr;gap:7px}.process-help li span{font-size:.72rem}}@media(prefers-reduced-motion:reduce){.process-card,.process-card:before,.process-card-media img,.process-card-link i{transition:none}}