.family-quick{margin:24px 0 30px}.family-hero{display:block;width:100%;margin:18px 0 24px;padding:24px;text-align:left;color:var(--cream);background:radial-gradient(circle at 90% 10%,rgba(214,179,106,.18),transparent 36%),linear-gradient(135deg,#1B2C46,#142137);border:1px solid rgba(214,179,106,.35);border-radius:22px;box-shadow:0 18px 44px rgba(0,0,0,.2)}.family-hero h2{font-family:var(--serif);font-size:clamp(24px,4vw,36px);line-height:1.18;margin:10px 0 14px}.family-hero h3{font-family:var(--serif);font-size:24px;margin:8px 0}.eyebrow{display:block;font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--gold2)}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.family-tile{display:flex;min-height:148px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;text-align:left;color:var(--cream);background:linear-gradient(145deg,rgba(27,44,70,.98),rgba(20,33,55,.98));border:1px solid var(--line);border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s}.family-tile:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 30px rgba(0,0,0,.22)}.family-tile b{font-size:18px}.family-tile small{color:var(--mu);line-height:1.4}.family-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(214,179,106,.13);color:var(--gold2);font-size:22px}.story-text{margin:18px 0;padding:22px 24px;background:rgba(20,33,55,.82);border:1px solid var(--line);border-radius:18px;font-size:18px;line-height:1.85;white-space:normal}.prayer{padding:20px}.prayer p{font-family:var(--serif);font-size:20px;line-height:1.55}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.summary-grid .card{padding:16px;display:flex;flex-direction:column;gap:5px}.summary-grid strong{font-family:var(--serif);font-size:28px;color:var(--gold2)}.tree-art{display:flex;align-items:center;gap:24px;margin:24px 0;padding:24px;background:linear-gradient(135deg,#172940,#1b352e);border:1px solid rgba(119,169,143,.35);border-radius:22px}.tree-art svg{width:130px;height:142px;flex:none}.tree-art h2{font:700 30px var(--serif);margin:5px 0}.step-done{border-color:rgba(119,169,143,.65);background:rgba(119,169,143,.08)}.profile-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.profile-form{align-items:end}.card input:not([type=checkbox]),.card select,.card textarea,.row input,.row select,.view>input,.view>select{width:100%;min-width:0;padding:12px 14px;color:var(--cream);background:#0F1B2E;border:1px solid var(--line);border-radius:12px}.card textarea{min-height:92px;resize:vertical}.card select,.row select{appearance:auto}.card .row>div{flex:1;min-width:0}.tag-checks{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}.tag-checks label{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:var(--mu);background:#0f1b2e;border:1px solid var(--line);border-radius:999px;font-size:13px}.tag-checks input{accent-color:var(--gold)}.danger{color:#ffd4d4;background:#482634;border:1px solid #8f5262;padding:12px;border-radius:12px}.family-hero .actions{margin-bottom:0}.family-tile:focus-visible,.family-hero:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
@media(max-width:720px){.family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.family-tile{min-height:138px;padding:14px}.summary-grid{grid-template-columns:repeat(2,1fr)}.family-hero{padding:20px}.tree-art{gap:12px;padding:17px}.tree-art svg{width:100px}.profile-form{flex-wrap:wrap}.profile-form input{flex:1 1 48%}.profile-form select{flex:1 1 28%}.profile-form button{flex:1 1 100%}}