/* Shared information pages for the website family. Keep these copies identical. */
.family-info{--fi-ink:var(--ink,var(--plum,#203b46));--fi-accent:var(--accent,var(--purple,#2b6579));--fi-muted:var(--muted,#627780);--fi-line:var(--line,#dce7e9);--fi-paper:var(--paper,#fbfdfd);--fi-soft:var(--soft,#edf5f5);box-sizing:border-box;width:min(1040px,calc(100% - 64px));max-width:1040px;margin:0 auto;padding:0 0 64px;color:var(--fi-ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.family-info *{box-sizing:border-box}.family-info a{color:var(--fi-accent);overflow-wrap:anywhere;text-decoration:none}.family-info a:hover{text-decoration:underline}.family-info :where(a,button,summary):focus-visible{outline:3px solid var(--fi-accent);outline-offset:4px}.family-info :where(a,button,summary){touch-action:manipulation}.family-info .fi-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px;border-bottom:1px solid var(--fi-line);margin:0;padding:16px 0;background:transparent;position:static}
.family-info .fi-brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--fi-ink);font-size:16px;font-weight:700;letter-spacing:0}.family-info .fi-brand img{width:40px;height:40px;display:block;flex-shrink:0;object-fit:contain}.family-info .fi-brand:hover{text-decoration:none}.family-info .fi-language{display:flex;gap:2px;padding:3px;border:1px solid var(--fi-line);border-radius:24px;flex-shrink:0}.family-info .fi-language a{display:grid;place-items:center;min-width:40px;min-height:38px;border-radius:20px;font-size:12px;font-weight:650;color:var(--fi-ink)}.family-info .fi-language a[aria-current]{background:var(--fi-ink);color:var(--fi-paper)}
.family-info .fi-intro{padding:32px 0 28px;margin:0}.family-info .fi-back{display:inline-flex;align-items:center;min-height:44px;gap:8px;color:var(--fi-muted);font-size:14px;margin-bottom:16px}.family-info .fi-eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:var(--fi-accent);margin:0 0 12px}.family-info .fi-title{font-size:clamp(32px,4.5vw,48px);font-weight:650;line-height:1.1;letter-spacing:-.04em;max-width:none;margin:0 0 16px;color:var(--fi-ink)}.family-info .fi-lead{font-size:17px;line-height:1.7;color:var(--fi-muted);max-width:700px;margin:0}
.family-info .fi-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:0;border:0}.family-info .fi-nav a{display:grid;place-items:center;min-height:48px;padding:10px 12px;border:1px solid var(--fi-line);border-radius:999px;background:var(--fi-paper);color:var(--fi-ink);font-size:14px;font-weight:650;letter-spacing:0;text-align:center;line-height:1.3}.family-info .fi-nav a[aria-current]{background:var(--fi-accent);border-color:var(--fi-accent);color:var(--fi-paper)}.family-info .fi-nav a:hover{text-decoration:none;background:var(--fi-soft)}.family-info .fi-nav a[aria-current]:hover{background:var(--fi-accent)}
.family-info .fi-content{padding:36px 40px;border:1px solid var(--fi-line);border-radius:24px;background:var(--surface,#fff);margin:0;min-width:0}.family-info .fi-content>section{margin:0;padding:0}.family-info .fi-content>section+section{margin-top:30px;padding-top:30px;border-top:1px solid var(--fi-line)}.family-info .fi-content h2{font-size:22px;line-height:1.3;letter-spacing:-.025em;font-weight:650;margin:0 0 12px;color:var(--fi-ink)}.family-info .fi-content h3{font-size:18px;line-height:1.35;font-weight:650;margin:0 0 10px;letter-spacing:-.02em}.family-info .fi-content p{font-size:16px;line-height:1.8;letter-spacing:0;margin:0 0 14px;color:var(--fi-muted);max-width:none}.family-info .fi-content section>p:last-child{margin-bottom:0}.family-info .fi-content a{text-decoration:underline;text-underline-offset:3px}.family-info .fi-content :where(.credit-links,.fi-source-links){display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 24px;font-size:14px;line-height:1.6;margin:16px 0 0}.family-info .fi-content :where(.credit-links,.fi-source-links) a{max-width:100%;min-height:32px}.family-info .fi-date{font-size:13px;color:var(--fi-muted);margin:20px 0 0}
.family-info .fi-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.family-info .fi-contact-card{padding:24px;border:1px solid var(--fi-line);background:var(--fi-soft);border-radius:18px;min-width:0}.family-info .fi-contact-card p{margin-bottom:16px}.family-info .fi-contact-card .fi-email{display:inline-flex;align-items:center;min-height:44px;font-weight:650;color:var(--fi-accent);font-size:16px;line-height:1.4}.family-info .fi-contact-note{margin-top:20px!important}.family-info .fi-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--fi-line);margin:28px 0 0;padding:16px 0;font-size:13px;color:var(--fi-muted)}.fi-footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}.fi-footer-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.family-info .fi-footer a{color:var(--fi-muted)}
.family-info .fi-footer{background:transparent;width:100%;max-width:none;text-align:left;border-radius:0}.family-info .fi-footer>span{margin:0;order:0;text-align:left}.family-info .fi-footer>.fi-footer-nav{margin:0;order:1;max-width:100%;padding:0}
@media(max-width:600px){.family-info{width:calc(100% - 32px);padding-bottom:32px}.family-info .fi-header{min-height:80px}.family-info .fi-brand{font-size:14px;gap:8px}.family-info .fi-brand img{width:36px;height:36px}.family-info .fi-language a{min-width:34px;min-height:36px}.family-info .fi-intro{padding:20px 0 24px}.family-info .fi-title{font-size:32px}.family-info .fi-lead{font-size:16px}.family-info .fi-back{margin-bottom:12px}.family-info .fi-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.family-info .fi-content{padding:24px 20px;border-radius:20px}.family-info .fi-contact-grid{grid-template-columns:minmax(0,1fr)}.family-info .fi-contact-card{padding:20px}.family-info .fi-content h2{font-size:20px}.family-info .fi-contact-card .fi-email{font-size:15px}.family-info .fi-footer{align-items:flex-start;flex-direction:column}.fi-footer-nav{gap:4px 16px}}

/* Brand artwork has its own shape: no external white backing or frame. */
.fh-brand img,.brand-mark,.project-logo,.site-logo,.fi-brand img{padding:0;border:0;background:transparent;box-shadow:none}