/* Parent tools need usable space at every window size, not a decorative poster. */
#account.family-palace{
 width:min(720px,calc(100vw - 16px));height:min(820px,calc(100dvh - 16px));
 max-height:calc(100dvh - 16px);padding:18px 20px 16px;
 background:#fffaf0;border:2px solid #c8a75d;border-radius:20px;
 box-shadow:inset 0 0 0 4px #fffdf4,inset 0 0 0 6px #ead6a2,0 20px 80px #001b35aa;
}
#account.family-palace .family-heading{margin:0 50px 10px 4px;padding:0;text-align:left;min-height:42px;display:flex;align-items:center}
#account.family-palace .family-eyebrow{display:none}
#account.family-palace h2{font-size:25px;line-height:1.15;text-align:left;margin:0}
#account.family-palace .family-close{top:12px;right:12px;width:44px;height:44px;min-height:44px}
#account.family-palace .parent-tabs{margin-bottom:4px}
#account.family-palace .parent-tabs button{min-height:44px;padding:10px 8px}
#account.family-palace .parent-views{flex:1;min-height:0;padding:0 4px 12px;scrollbar-gutter:stable;scroll-padding:12px;background:#fffaf0}
#account.family-palace .parent-feedback{max-height:64px;overflow:auto}
#account.family-palace .parent-profile-bar{padding:10px 12px;margin:6px 0 10px}
#account.family-palace .parent-profile-bar strong{font-size:19px;margin:0 0 4px}
#account.family-palace .parent-profile-bar p{margin:3px 0;font-size:12px}
#account.family-palace .parent-profile-bar button{min-height:44px;margin:0;padding:10px 16px}
#account.family-palace .parent-info-card{padding-top:8px}
#account.family-palace .parent-info-symbol{font-size:36px}
@media(max-width:760px),(max-height:850px){
 .family-dialog{width:min(600px,calc(100vw - 12px));max-height:calc(100dvh - 12px);padding:18px 16px 16px;background:#fffaf0;border:2px solid #c8a75d;border-radius:18px;box-shadow:inset 0 0 0 4px #fffdf4,inset 0 0 0 6px #ead6a2,0 20px 80px #001b35aa}
 .family-dialog .family-heading{padding:0;text-align:left;margin:0 48px 14px 0;min-height:44px}
 .family-dialog .family-heading h2{font-size:25px;text-align:left;margin:4px 0}
 .family-dialog .family-eyebrow,.family-dialog .family-heading p,.family-footnote{display:none}
 .family-dialog .family-close{top:10px;right:10px;width:44px;height:44px;min-height:44px}
 .family-dialog .profile-grid{min-height:0;max-height:calc(100dvh - 175px);padding:8px 7px 14px}
 .family-dialog .family-add{min-height:48px;padding:10px 20px}
 .family-dialog .family-footer{padding-top:8px}
 #profile-form form{padding:0 5px 6px}
 #profile-form .family-step{margin:8px 0}
}
@media(max-width:600px){
 #account.family-palace{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:calc(10px + var(--safe-area-inset-top,env(safe-area-inset-top,0px))) 10px calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
 #account.family-palace .family-close{top:calc(8px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));right:10px}
 #account.family-palace h2{font-size:23px}
 #account.family-palace .family-heading{margin-bottom:6px}
 #account.family-palace .parent-tabs button{font-size:14px}
 #account.family-palace .parent-views{padding:0 2px 12px}
}
@media(max-height:500px){
 #account.family-palace{height:calc(100dvh - 8px);max-height:calc(100dvh - 8px);padding:8px 14px}
 #account.family-palace .family-heading{min-height:40px;margin-bottom:4px}
 #account.family-palace .family-close{top:6px;right:10px}
 #account.family-palace h2{font-size:22px}
 #account.family-palace .parent-tabs{margin-bottom:0}
}