/* Design System — 首頁（服務優先）。品牌色 token 由各里 index.html 內嵌的 :root 提供，這裡只放版面與元件規則。 */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

body{
  min-height:100vh;
  font-family:var(--font);
  font-size:16px;
  line-height:1.6;
  background:linear-gradient(180deg,#f6fcf8 0%,var(--bg) 40%,#e8f4ed 100%);
  color:var(--val);
  -webkit-font-smoothing:antialiased;
}

.home{width:min(100%,720px);margin:0 auto;padding:20px 16px 8px}

.home-head{display:flex;align-items:center;gap:14px}
.home-badge{
  width:56px;height:56px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  border-radius:16px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);
}
.home-badge img{width:38px;height:38px;object-fit:contain}
.home-title{font-weight:800;color:var(--heading);line-height:1.25}
.home-village{display:block;font-size:16px;font-weight:700;color:var(--primary-dark)}
.home-name{display:block;font-size:clamp(28px,8vw,36px);white-space:nowrap;letter-spacing:.02em}

.home-lead{margin-top:16px;font-size:17px;line-height:1.7;color:var(--lbl)}

.home-cta{
  margin-top:18px;min-height:72px;padding:14px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  border-radius:var(--radius);background:var(--primary-dark);color:#fff;box-shadow:var(--shadow-md);
}
.home-cta-copy{display:block;min-width:0}
.home-cta-title{display:block;font-size:22px;font-weight:800;line-height:1.3}
.home-cta-desc{display:block;margin-top:2px;font-size:15px;line-height:1.5;opacity:.95}

.home-sub{margin-top:28px;font-size:18px;font-weight:800;color:var(--heading)}
.home-list{margin-top:12px;list-style:none;display:grid;grid-template-columns:1fr;gap:10px}
.home-row{
  min-height:68px;padding:12px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);
}
.home-row-copy{display:block;min-width:0}
.home-row-title{display:block;font-size:18px;font-weight:800;color:var(--heading);line-height:1.35}
.home-row-desc{display:block;margin-top:2px;font-size:15px;line-height:1.5;color:var(--lbl)}
.home-row .home-arrow{color:var(--primary-dark);flex-shrink:0}
.home-arrow{flex-shrink:0}

.home-cta:focus-visible,.home-row:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media (hover:hover){
  .home-row:hover{border-color:var(--primary);background:var(--primary-light)}
  .home-cta:hover{filter:brightness(.92)}
}
@media (prefers-reduced-motion:no-preference){
  .home-row,.home-cta{transition:border-color .15s ease,background-color .15s ease,filter .15s ease}
}

@media (min-width:640px){
  .home{padding:40px 24px 16px}
  .home-list{grid-template-columns:1fr 1fr}
  .home-lead{font-size:18px}
}

/* 頁尾版權（branding-footer.js 於執行時插入）：最小 14px */
body .site-branding-footer{font-size:14px}