:root{--ink:#17212b;--muted:#5f6872;--line:#dfe8ea;--paper:#fbfcfb;--panel:#ffffff;--teal:#2e8b87;--teal-deep:#145c61;--coral:#d96b5f;--mint:#dff4ee;--sun:#f2bd5a;--shadow:0 18px 48px rgba(23,33,43,.12);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.78;background:var(--paper)}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}.skip-link{position:absolute;left:16px;top:-60px;z-index:20;padding:10px 14px;color:#fff;background:var(--teal-deep)}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(223,232,234,.88);background:rgba(251,252,251,.92);backdrop-filter:blur(18px)}.nav{width:min(100% - 32px,var(--max));min-height:70px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;font-weight:900}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--teal),var(--coral));border-radius:8px}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.nav-links a{min-height:38px;padding:7px 12px;color:var(--muted);border-radius:6px;font-size:15px;font-weight:800}.nav-links a:hover,.nav-links a.active{color:var(--ink);background:#edf8f5}.home-hero{min-height:clamp(620px,84vh,780px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);background:#123c42}.home-hero__media{min-height:460px;background:linear-gradient(90deg,rgba(18,60,66,.03),rgba(18,60,66,.72)),url("pediatric-hero.png") center / cover no-repeat}.home-hero__content{display:grid;align-content:center;padding:72px clamp(24px,5vw,78px);color:#fff}.eyebrow,.section-kicker{margin:0 0 10px;color:var(--teal);font-weight:900}.home-hero .eyebrow,.page-hero .eyebrow{color:#aee8dc}h1,h2,h3{margin-top:0;line-height:1.28;letter-spacing:0}h1{max-width:820px;margin-bottom:20px;font-size:clamp(36px,5.6vw,68px)}h2{margin-bottom:14px;font-size:clamp(28px,4vw,44px)}h3{margin-bottom:10px;font-size:24px}p{margin-top:0}.hero-lead{max-width:660px;color:#ecfbf7;font-size:clamp(18px,2vw,22px)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid transparent;border-radius:8px;font-weight:900}.button.primary{color:var(--teal-deep);background:#fff;box-shadow:var(--shadow)}.button.ghost{color:#fff;border-color:rgba(255,255,255,.52);background:rgba(255,255,255,.1)}.section{padding:72px 0}.section.alt{background:#eef8f5}.wrap{width:min(100% - 32px,var(--max));margin:0 auto}.wrap.narrow{max-width:880px}.section-head{max-width:780px;margin-bottom:30px}.section-head.compact p:last-child{color:var(--muted);font-size:17px}.split{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:40px;align-items:start}.reader-copy{color:#344250;font-size:17px}.topic-grid,.article-list,.clinic-list,.region-directory{display:grid;gap:16px}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.article-topic-grid,.article-list{grid-template-columns:repeat(3,minmax(0,1fr))}.region-directory{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}.topic-card,.article-card,.clinic-card,.notice,.article-shell,.filter-panel,.region-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 30px rgba(23,33,43,.06)}.topic-card,.article-card,.clinic-card,.notice,.filter-panel,.region-card{padding:22px}.topic-card{min-height:250px}.topic-card:hover,.article-card:hover,.clinic-card:hover,.region-card:hover{transform:translateY(-2px);transition:transform .16s ease}.topic-icon,.article-meta,.clinic-type{display:inline-flex;width:fit-content;margin-bottom:14px;padding:4px 9px;border-radius:999px;color:var(--teal-deep);background:#e2f5f0;font-size:13px;font-weight:900}.accent-a .topic-icon{color:#7b321f;background:#ffe6dd}.accent-b .topic-icon{color:#785310;background:#fff1c8}.topic-card p,.article-card p,.clinic-card p,.notice p{margin-bottom:0;color:var(--muted)}.topic-cta,.read-more{color:var(--teal);font-size:17px;font-weight:900}.region-card{display:grid;align-content:start;gap:14px;min-height:220px}.region-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.region-card__head span{color:var(--teal-deep);font-size:28px;font-weight:950}.region-card__head strong{color:var(--coral);font-size:15px}.region-card__cities{display:flex;flex-wrap:wrap;gap:8px}.region-card__cities a{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--teal-deep);background:#f8fcfb;font-weight:850}.region-card__cities small{color:var(--muted);font-size:12px}.page-hero{padding:86px 0 70px;color:#fff;background:linear-gradient(90deg,rgba(18,60,66,.94),rgba(18,60,66,.76)),url("pediatric-hero.png") center / cover no-repeat}.page-hero.clinic-hero{background:linear-gradient(90deg,rgba(20,92,97,.95),rgba(20,92,97,.7)),url("../assets/pediatric-hero.png") center / cover no-repeat}.page-hero p{max-width:760px;color:#ecfbf7;font-size:19px}.filter-panel{margin-bottom:26px}.search-box{display:grid;gap:8px;margin-bottom:18px;font-weight:900}.search-box input{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font:inherit}.regions,.cities,.districts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.districts{margin-bottom:0}.chip{min-height:36px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--teal-deep);font-weight:900;cursor:pointer}.chip:hover,.chip.active{color:#fff;border-color:var(--teal);background:var(--teal)}.result-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.result-head h2{font-size:clamp(26px,3vw,34px)}.count{color:var(--muted);font-weight:900}.clinic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.clinic-card{display:grid;gap:12px}.clinic-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.clinic-card h3{font-size:22px}.clinic-info{display:grid;gap:8px}.clinic-row{display:flex;gap:9px;align-items:flex-start;color:#344250}.clinic-row span:first-child{flex:none;color:var(--coral);font-weight:900}.clinic-row a{color:var(--teal-deep);font-weight:850;border-bottom:1px solid rgba(46,139,135,.3)}.clinic-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.clinic-actions a{min-height:38px;display:inline-flex;align-items:center;padding:7px 11px;border:1px solid var(--line);border-radius:8px;color:var(--teal-deep);background:#f8fcfb;font-weight:900}.clinic-actions a.primary{color:#fff;border-color:var(--teal);background:var(--teal)}.pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:34px;flex-wrap:wrap}.pager button{min-width:38px;height:38px;padding:0 10px;border:1px solid var(--line);background:#fff;color:var(--teal-deep);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:900}.pager button:hover:not(:disabled),.pager button.active{color:#fff;background:var(--teal);border-color:var(--teal)}.pager button:disabled{opacity:.4;cursor:not-allowed}.source-note{margin-top:28px;border-left:5px solid var(--sun)}.article-card{display:grid;align-content:space-between;min-height:250px;cursor:pointer}.article-card .read-more{display:inline-flex;width:fit-content;margin-top:18px}.article-shell{max-width:880px;margin:0 auto;padding:clamp(24px,5vw,54px)}.article-shell h1{font-size:clamp(34px,5vw,56px)}.article-body{color:#2f3d49;font-size:18px}.article-body h2{margin-top:42px;font-size:clamp(26px,3vw,34px)}.article-body a,.source-copy a{color:var(--teal);font-weight:850}.article-repair-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:22px;align-items:center;margin-top:38px;padding:22px;border:1px solid rgba(46,139,135,.24);border-left:6px solid var(--teal);border-radius:8px;background:#f8fcfb}.article-repair-cta__label{display:inline-flex;width:fit-content;margin-bottom:10px;padding:4px 9px;border-radius:999px;color:var(--teal-deep);background:#e2f5f0;font-size:13px;font-weight:900}.article-repair-cta h2{margin:0 0 8px;font-size:clamp(24px,3vw,32px)}.article-repair-cta p{margin-bottom:0;color:var(--muted)}.article-repair-cta__actions{display:grid;gap:8px}.article-repair-cta__actions a{min-height:42px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--teal-deep);background:#fff;font-weight:900}.article-repair-cta__actions a.primary{color:#fff;border-color:var(--teal);background:var(--teal)}.notice h2{font-size:clamp(24px,3vw,32px)}.source-copy{margin-top:28px}.site-footer{padding:42px 0 50px;color:#d7e9e6;background:#123c42}.footer-inner{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);gap:42px;align-items:start}.footer-brand h2{margin-bottom:8px;color:#fff;font-size:22px}.footer-brand p{max-width:340px;margin-bottom:0;color:#cfe1de}.footer-link-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.footer-link-group h3{margin-bottom:12px;color:#aee8dc;font-size:15px}.footer-link-group a{display:block;width:fit-content;margin-bottom:8px;color:#fff;font-weight:850}@media(max-width:1000px){.home-hero,.split,.article-repair-cta{grid-template-columns:1fr}.home-hero__media{min-height:360px}.topic-grid,.article-list,.clinic-list,.region-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.nav-links{justify-content:flex-start}.home-hero__content{padding:48px 24px 62px}.topic-grid,.article-list,.clinic-list,.region-directory,.footer-inner,.footer-link-groups{grid-template-columns:1fr}.result-head{display:block}.page-hero{padding:70px 0 54px}}
:root {
  --ink: #22313a;
  --muted: #61717a;
  --line: #dce7e8;
  --paper: #fbfcfc;
  --panel: #ffffff;
  --teal: #2f8b92;
  --teal-deep: #145c66;
  --coral: #c98273;
  --mint: #e6f5f3;
  --sun: #d8b26a;
  --shadow: 0 20px 48px rgba(25, 55, 62, .1);
}

body {
  background:
    radial-gradient(circle at top left, rgba(230, 245, 243, .82), transparent 32rem),
    radial-gradient(circle at bottom right, rgba(216, 178, 106, .12), transparent 28rem),
    linear-gradient(180deg, #fbfcfc 0%, #f3f8f8 48%, #ffffff 100%);
  color: var(--ink);
}

h1,
h2,
h3,
.brand {
  font-family: "Noto Serif TC", "PMingLiU", "Songti TC", serif;
}

.brand,
.nav-links a,
.button,
.filter-choice,
.clinic-actions a {
  font-family: "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;
}

.brand span {
  font-family: "Klee One", "LXGW WenKai TC", "Noto Serif TC", "PMingLiU", "Microsoft JhengHei", serif;
  font-weight: 900;
  letter-spacing: .05em;
}

.site-header {
  border-bottom-color: rgba(47, 139, 146, .16);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 26px rgba(25, 55, 62, .055);
}

.nav {
  min-height: 72px;
}

.brand {
  grid-template-columns: 42px 1fr;
  gap: 12px;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: 0;
}

.brand-mark {
  width: 42px;
  height: 42px;
  display: block;
  background: transparent;
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(20, 92, 102, .14);
}

.nav-links a {
  color: #53646d;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .03em;
}

.nav-links a:hover,
.nav-links a.active {
  color: var(--teal-deep);
  background: #edf8f7;
}

.home-hero {
  min-height: clamp(620px, 78vh, 760px);
  grid-template-columns: minmax(0, .92fr) minmax(360px, .7fr);
  background: #edf8f7;
}

.home-hero__media {
  min-height: 420px;
  background:
    linear-gradient(90deg, rgba(237, 248, 247, .12), rgba(237, 248, 247, .72)),
    url("pediatric-hero.png") center / cover no-repeat;
}

.home-hero__content {
  color: var(--ink);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(237, 248, 247, .9));
}

.home-hero .eyebrow {
  color: var(--teal-deep);
}

.home-hero h1 {
  color: var(--teal-deep);
  font-size: clamp(34px, 4.2vw, 56px);
  font-weight: 600;
}

.hero-lead {
  color: #53646d;
}

.button.primary {
  color: #ffffff;
  background: var(--teal-deep);
  box-shadow: 0 16px 30px rgba(20, 92, 102, .18);
}

.button.ghost {
  color: var(--teal-deep);
  border-color: rgba(47, 139, 146, .28);
  background: rgba(255, 255, 255, .72);
}

.page-hero {
  padding: 72px 0 64px;
  color: var(--ink);
  background:
    linear-gradient(180deg, rgba(237, 248, 247, .92), rgba(255, 255, 255, .98));
}

.page-hero .eyebrow {
  color: var(--teal-deep);
}

.page-hero h1 {
  color: var(--teal-deep);
  font-weight: 600;
}

.page-hero p {
  color: #53646d;
}

.page-hero.clinic-hero {
  position: relative;
  overflow: hidden;
  padding: 56px 0 50px;
  background:
    linear-gradient(90deg, rgba(250, 253, 253, .98), rgba(230, 245, 243, .9)),
    url("../assets/pediatric-hero.png") center / cover no-repeat;
}

.page-hero.clinic-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .7);
}

.page-hero.clinic-hero .wrap {
  position: relative;
}

.page-hero.clinic-hero h1 {
  margin-bottom: 14px;
  color: var(--teal-deep);
  font-size: clamp(42px, 5vw, 64px);
}

.page-hero.clinic-hero p {
  max-width: 840px;
  color: #53646d;
  font-size: clamp(17px, 1.85vw, 20px);
}

.section {
  padding: 68px 0;
}

.reader-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.filter-panel,
.notice,
.clinic-card,
.region-card,
.topic-card,
.article-card,
.article-shell {
  border-color: rgba(47, 139, 146, .18);
  box-shadow: 0 18px 44px rgba(25, 55, 62, .07);
}

.filter-panel {
  margin-bottom: 26px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 251, 251, .98) 100%);
}

.filter-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.filter-panel__label {
  display: inline-flex;
  margin-bottom: 5px;
  color: var(--teal-deep);
  font-size: 13px;
  font-weight: 950;
}

.filter-panel__head h2 {
  margin: 0;
  font-size: clamp(22px, 2.6vw, 30px);
}

.filter-button-groups {
  display: grid;
  gap: 18px;
}

.filter-button-groups.city-only {
  max-width: 100%;
}

.filter-group {
  display: grid;
  gap: 8px;
  color: var(--ink);
  font-weight: 900;
}

.filter-group[hidden] {
  display: none;
}

.filter-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.filter-choice {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--teal-deep);
  background: rgba(255, 255, 255, .82);
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(25, 55, 62, .045);
}

.filter-choice:hover,
.filter-choice.active {
  color: #ffffff;
  border-color: var(--teal);
  background: var(--teal);
  box-shadow: 0 12px 22px rgba(47, 139, 146, .2);
}

.result-head {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(47, 139, 146, .18);
}

.clinic-card {
  border-color: rgba(47, 139, 146, .18);
  background: linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(248, 251, 251, .98) 100%);
}

.clinic-card h3 {
  color: #182b33;
  font-weight: 600;
}

.clinic-type {
  color: var(--teal-deep);
  background: #e6f5f3;
}

.clinic-row {
  align-items: baseline;
}

.clinic-row span:first-child {
  flex: none;
  min-width: 42px;
  color: #61717a;
  font-weight: 900;
}

.clinic-row a {
  color: var(--teal-deep);
  border-bottom-color: rgba(20, 92, 102, .22);
}

.clinic-actions a {
  border-color: rgba(47, 139, 146, .22);
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 8px 18px rgba(25, 55, 62, .045);
}

.clinic-actions a.primary {
  background: var(--teal-deep);
  box-shadow: 0 12px 22px rgba(20, 92, 102, .18);
}

.clinic-actions a:hover {
  transform: translateY(-1px);
}

.section-kicker,
.eyebrow,
.filter-panel__label {
  letter-spacing: 0;
}

.contact-note {
  margin-top: 28px;
  border-left: 5px solid var(--teal);
}

.article-references {
  margin-top: 44px;
  padding-top: 22px;
  border-top: 1px solid rgba(47, 139, 146, .2);
}

.article-references h2 {
  margin-top: 0;
  font-size: clamp(24px, 3vw, 30px);
}

.article-references ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 24px;
  color: var(--muted);
  font-size: 16px;
}

.article-references a {
  color: var(--teal-deep);
  border-bottom: 1px solid rgba(20, 92, 102, .22);
}

.recommended-clinics {
  margin-bottom: 34px;
  padding: clamp(24px, 4vw, 38px);
  border: 2px solid rgba(20, 92, 102, .24);
  border-left: 8px solid var(--teal-deep);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(230, 245, 243, .96), rgba(255, 255, 255, .98) 54%, rgba(250, 242, 229, .9)),
    linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .78));
  box-shadow: 0 26px 64px rgba(20, 92, 102, .16);
  position: relative;
  overflow: hidden;
}

.recommended-clinics::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, var(--teal-deep), var(--teal), var(--sun));
}

.recommended-clinics.compact {
  margin-top: 38px;
  margin-bottom: 0;
}

.recommended-clinics__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.recommended-clinics__head h2 {
  margin: 0;
  color: var(--teal-deep);
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 950;
}

.recommended-clinics__head p {
  max-width: 760px;
  margin: 8px 0 0;
  color: #53646d;
  font-size: 16px;
  font-weight: 800;
}

.recommended-clinic-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.recommended-clinic-list.single {
  grid-template-columns: minmax(0, 1fr);
}

.recommended-clinic-card {
  border-color: rgba(20, 92, 102, .24);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 16px 38px rgba(20, 92, 102, .1);
}

.recommended-clinics__join {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(47, 139, 146, .16);
}

.recommended-clinics__join p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(17px, 2vw, 22px);
  font-weight: 900;
}

.recommended-clinics__join a {
  flex: none;
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 26px;
  color: #fff;
  border-radius: 999px;
  background: #11745f;
  box-shadow: 0 14px 30px rgba(17, 116, 95, .18);
  font-size: 18px;
  font-weight: 950;
}

.recommended-clinics__join a:hover {
  color: #fff;
  background: var(--teal-deep);
}

.join-hero {
  background:
    linear-gradient(90deg, rgba(12, 58, 65, .9), rgba(20, 92, 102, .78), rgba(25, 55, 62, .72)),
    url("pediatric-hero.png") center / cover no-repeat;
}

.join-hero .eyebrow {
  color: #d6fff6;
}

.join-hero h1 {
  max-width: 980px;
  color: #ffffff;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .34);
}

.join-hero p {
  max-width: 860px;
  color: #f2fffc;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .28);
}

.join-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .62fr);
  gap: 28px;
  align-items: start;
}

.join-copy,
.join-panel,
.join-feature-grid article,
.join-steps article {
  border: 1px solid rgba(47, 139, 146, .18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(25, 55, 62, .07);
}

.join-copy {
  grid-column: 1 / -1;
  padding: clamp(24px, 4vw, 42px);
}

.join-copy > p:not(.section-kicker) {
  color: var(--muted);
  font-size: 18px;
}

.join-contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
}

.join-contact-button {
  min-height: 50px;
  padding-inline: 20px;
}

.join-contact-links {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
}

.join-contact-links a {
  border-bottom: 1px solid rgba(95, 104, 114, .28);
}

.join-contact-links a:hover {
  color: var(--teal-deep);
  border-bottom-color: rgba(20, 92, 102, .42);
}

.join-steps {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.join-steps article {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 12px 16px;
  padding: 18px;
}

.join-steps span {
  grid-row: span 2;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 999px;
  background: var(--teal);
  font-weight: 950;
}

.join-steps h3,
.join-feature-grid h3 {
  margin-bottom: 4px;
  font-size: 22px;
}

.join-steps p,
.join-feature-grid p,
.join-panel p,
.join-panel li {
  margin-bottom: 0;
  color: var(--muted);
}

.join-panel {
  position: sticky;
  top: 96px;
  padding: 26px;
  border-color: rgba(17, 116, 95, .24);
  background:
    linear-gradient(180deg, #ffffff, #f6fbfa);
}

.join-panel h2 {
  font-size: clamp(26px, 3vw, 34px);
}

.join-panel ul {
  display: grid;
  gap: 10px;
  margin: 18px 0 22px;
  padding-left: 20px;
}

.join-panel__button {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 16px;
  color: #fff;
  border-radius: 999px;
  background: #11745f;
  font-weight: 950;
}

.join-panel__button:hover {
  color: #fff;
  background: var(--teal-deep);
}

.join-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.join-feature-grid article {
  padding: 22px;
}

.region-card__title {
  color: var(--teal-deep);
  font-size: 28px;
  font-weight: 950;
}

.region-card__title:hover {
  color: var(--coral);
}

.region-card__count {
  color: var(--coral);
  font-size: 15px;
  font-weight: 950;
}

.regions,
.cities,
.districts {
  display: none;
}

.footer-powered {
  margin-top: 34px;
  padding-top: 18px;
  border-top: 1px solid rgba(232, 239, 226, .2);
  text-align: center;
}

.footer-powered a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 12px;
  color: #f8fbfb;
  border: 1px solid rgba(230, 245, 243, .28);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0;
}

.footer-powered a:hover {
  color: var(--teal-deep);
  background: #e6f5f3;
}

.site-footer {
  background:
    linear-gradient(180deg, #145c66 0%, #20323a 100%);
}

.footer-brand h2,
.footer-link-group h3 {
  font-family: "Noto Serif TC", "PMingLiU", "Songti TC", serif;
}

.footer-link-group h3 {
  color: #d8efec;
}

.topic-card,
.article-card,
.region-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 251, 251, .98));
}

.topic-card h3,
.article-card h3 {
  color: var(--teal-deep);
  font-weight: 600;
}

.topic-card {
  align-content: start;
}

.topic-question-list {
  display: grid;
  gap: 8px;
  margin: 16px 0 18px;
  padding: 0;
  list-style: none;
}

.topic-question-list li {
  position: relative;
  padding-left: 18px;
  color: #3f5058;
  font-size: 15px;
  line-height: 1.62;
}

.topic-question-list li::before {
  content: "";
  position: absolute;
  top: .78em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--teal);
}

@media (max-width: 700px) {
  .page-hero,
  .page-hero.clinic-hero {
    padding: 40px 0 36px;
  }

  .page-hero.clinic-hero h1 {
    font-size: clamp(34px, 11vw, 46px);
  }

  .recommended-clinics {
    padding: 18px;
  }

  .home-hero {
    grid-template-columns: 1fr;
  }

  .home-hero__content {
    padding: 42px 24px 54px;
  }

  .filter-panel__head {
    display: grid;
  }

  .filter-choice {
    min-height: 38px;
    padding-inline: 12px;
  }

  .recommended-clinic-list {
    grid-template-columns: 1fr;
  }

  .recommended-clinics__join {
    align-items: stretch;
    flex-direction: column;
  }

  .recommended-clinics__join a {
    width: 100%;
  }

  .join-layout,
  .join-feature-grid {
    grid-template-columns: 1fr;
  }

  .join-panel {
    position: static;
  }

  .join-steps article {
    grid-template-columns: 1fr;
  }

  .join-steps span {
    grid-row: auto;
  }
}