:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#182432;background:#f7f8fa}*{box-sizing:border-box}body{margin:0}.family-home{max-width:1000px;margin:48px auto;padding:0 28px}.family-directory{background:#fff;padding:36px 40px 32px;border-radius:16px 16px 0 0}.family-directory header{max-width:670px;margin-bottom:28px}h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px}.family-directory header p{font-size:16px;line-height:1.65;color:#4d5b6b;margin:0;max-width:590px}.people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;list-style:none;padding:0;margin:0}.person{display:flex;align-items:center;gap:18px;color:inherit;text-decoration:none;min-height:100px;padding:10px 0}.person img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.person-name{font-size:17px;line-height:1.4;font-weight:650;color:#155c84;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;margin:0 0 5px}.person:hover .person-name{text-decoration-thickness:2px}.person:focus-visible{outline:3px solid #155c84;outline-offset:5px;border-radius:4px}.person p{font-size:14px;line-height:1.5;color:#4d5b6b;margin:0}.family-banner{background:linear-gradient(100deg,#1a3148dc,#28334ddd),url('/images/bg.jpg') center/cover;padding:28px 40px 30px;border-radius:0 0 16px 16px;color:#fff}.family-banner h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0 0 9px}.family-banner p{font-size:14px;line-height:1.6;margin:0;color:#eef2f6}@media(max-width:700px){.family-home{margin:24px auto;padding:0 18px}.family-directory{padding:26px 24px}.family-directory header{margin-bottom:22px}h1{font-size:30px}.family-directory header p{font-size:15px}.people{grid-template-columns:1fr;gap:4px}.person{min-height:92px;gap:16px}.person img{width:64px;height:64px}.person-name{font-size:17px}.person p{font-size:14px}.family-banner{padding:24px}.family-banner h2{font-size:24px}}@media(max-width:360px){.family-home{padding:0 12px;margin:16px auto}.family-directory,.family-banner{padding:23px 19px}.person{gap:13px}.person img{width:58px;height:58px}.person-name{font-size:16px}.person p{font-size:13px}.family-banner h2{font-size:22px}}@media print{body{background:white}.family-home{margin:0;padding:0}.family-banner{background:#fff;color:#182432}.family-banner p{color:#4d5b6b}}