@import url('./family.css');
.network-shell .profile-photo{display:block;width:120px;height:120px;max-width:100%;object-fit:cover;border-radius:24px;margin-bottom:18px;background:#edf5fb}.network-shell .profile-photo-area{margin-block:24px;padding:20px;background:#f2f8fd;border-radius:20px}.network-shell .profile-detail{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.network-shell h4{margin:22px 0 6px;font-size:1rem}.network-shell h4+p{margin-top:0}
.network-shell{max-width:1100px;margin:auto;padding:32px 24px 64px}.network-shell h1{font-size:clamp(1.8rem,4vw,2.7rem)}.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.network-shell .panel{margin-block:22px;padding:26px}.network-shell label{display:grid;gap:8px;margin-block:16px}.network-shell input,.network-shell select,.network-shell textarea{font:inherit;width:100%;padding:12px;border:1px solid #b7cde0;border-radius:12px;background:#fff;color:#203957;box-sizing:border-box}.network-shell textarea{min-height:100px}.network-shell .record{padding:20px;border:1px solid #dce7f1;border-radius:18px;margin-block:14px;overflow-wrap:anywhere}.network-shell .actions{display:flex;flex-wrap:wrap;gap:10px}.network-shell .tag{display:inline-block;padding:6px 12px;border-radius:30px;background:#e4f3fd;color:#174b68}.network-shell .muted{color:#53667c}.network-shell a{color:#164de8}.network-shell button{cursor:pointer}.network-shell button:disabled{opacity:.6;cursor:wait}.network-shell .message{max-width:85%;padding:14px;border-radius:16px;background:#f0f4fa;margin:10px 0;white-space:pre-wrap}.network-shell .message.mine{background:#dff0ff;margin-left:auto}.network-shell [role=alert]{color:#913d34}.network-shell :focus-visible{outline:3px solid #164de8;outline-offset:3px}.network-shell .pill.secondary{background:#edf7ff;color:#174b68}.network-nav{display:flex;gap:12px;flex-wrap:wrap;margin-block:24px}.network-shell [hidden]{display:none!important}@media(max-width:700px){.network-grid{grid-template-columns:1fr}.network-shell{padding:22px 16px}.network-shell .panel{padding:20px}.network-shell .actions>*{max-width:100%;white-space:normal}}