/* Keep the family folio, with the current activity first and tools within reach. */
#mha-familienkarte .mha-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#mha-familienkarte .mha-heading-row{gap:10px}
#mha-familienkarte .mha-heading-row>div:first-of-type{flex:1;min-width:0}
#mha-familienkarte .mha-milestone-trigger{order:3;flex:0 0 44px}
#mha-familienkarte :is(.mha-icon-button,[data-icon-button]){display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;min-height:44px;height:44px;padding:10px;flex-shrink:0}
#mha-familienkarte :is(.mha-icon-button,[data-icon-button]) svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#mha-familienkarte :is(button,summary):focus-visible{outline:2px solid #31594f;outline-offset:3px}
#mha-familienkarte .mha-calendar-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px}
#mha-familienkarte :is(.mha-date-controls,.mha-calendar-actions){display:flex;align-items:center;gap:4px;min-width:0}
#mha-familienkarte .mha-date-controls>.mha-button{padding:8px 10px}
#mha-familienkarte .mha-calendar-actions [data-action=calendar-toggle]{color:#31594f;border-color:#31594f66}
#mha-familienkarte .mha-settings-menu{display:grid;gap:8px;margin:18px 0 24px}
#mha-familienkarte .mha-settings-menu>.mha-button{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left}
#mha-familienkarte .mha-search-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-wrap:anywhere}
#mha-familienkarte .mha-shopping-add{margin:10px 0}
#mha-familienkarte .mha-list-heading{padding-top:0;border-bottom:0;gap:10px}
#mha-familienkarte .mha-list-heading h2{overflow-wrap:anywhere}
#mha-familienkarte .mha-secondary-tools{margin:8px 0 16px}
#mha-familienkarte .mha-secondary-tools>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:var(--mha-muted)}
#mha-familienkarte .mha-secondary-tools[open]>summary{margin-bottom:10px}
#mha-familienkarte .mha-secondary-tools>summary::after{content:'+';margin-left:auto;font-size:22px}
#mha-familienkarte .mha-secondary-tools[open]>summary::after{content:'−'}
#mha-familienkarte .mha-secondary-tools>summary::-webkit-details-marker{display:none}
#mha-familienkarte #family-main{scroll-margin-top:12px}
#mha-familienkarte .mha-dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain;scrollbar-gutter:stable}
#mha-familienkarte #family-dialog-content{min-width:0}
#mha-familienkarte .mha-album-filters{margin:8px 0 16px}
#mha-familienkarte .mha-album-filters>label{display:grid;gap:6px;min-width:0;max-width:100%}
#mha-familienkarte .mha-album-filters select{max-width:100%;min-width:0}
#mha-familienkarte .mha-album-more{width:100%;margin:0}
#mha-familienkarte .mha-album-more>.mha-button{margin:4px 4px 4px 0}
#mha-familienkarte .mha-new-cards-button[aria-current=page]{color:#31594f;background:#31594f12;border-radius:8px}
@media(min-width:1051px){
  #mha-familienkarte .building-plan{grid-template-areas:"planner planner planner hall hall hall kitchen kitchen kitchen teachers teachers teachers" "community community community community trophies trophies trophies trophies library library library library" "outdoors outdoors outdoors outdoors treasury treasury treasury treasury office office office office" "laboratory laboratory laboratory laboratory wishes wishes wishes wishes gallery gallery gallery gallery"}
  #mha-familienkarte .building-room-planner{grid-area:planner}
  #mha-familienkarte .building-room-trophies{grid-area:trophies}
  #mha-familienkarte .building-room-library{grid-area:library}
}
@media(max-width:760px){
  #mha-familienkarte[data-cover=open]{overflow:clip}
  #mha-familienkarte .mha-mobile-nav{min-height:68px;overflow:visible}
  #mha-familienkarte .mha-mobile-nav button.mha-mobile-map{width:62px;height:62px;min-height:62px;transform:translateY(-11px);border-width:1.5px;box-shadow:inset 0 0 0 4px #f8eed8,0 2px 5px #382c2514}
  #mha-familienkarte .mha-mobile-nav .mha-mobile-map svg{width:29px;height:29px}
  #mha-familienkarte .mha-mobile-nav .mha-mobile-map[aria-current=page]::before{display:none}
  #mha-familienkarte .mha-masthead{position:sticky;top:0;z-index:25;gap:8px;padding:6px 10px;grid-template-columns:32px minmax(0,1fr) auto;background:#f2e8d2f7;min-height:58px}
  #mha-familienkarte .mha-masthead>.mha-account{display:flex;grid-column:auto;gap:2px;flex-wrap:nowrap}
  #mha-familienkarte .mha-brand{font-size:21px;line-height:1.1;letter-spacing:0}
  #mha-familienkarte .mha-brand-sub{display:none}
  #mha-familienkarte .mha-masthead .mha-monogram{width:32px;min-width:32px}
  #mha-familienkarte .mha-masthead .mha-brand-logo{width:30px;height:36px}
  #mha-familienkarte .mha-main{padding:14px 12px calc(94px + env(safe-area-inset-bottom));min-width:0}
  #mha-familienkarte .mha-heading-row{margin:0 0 14px;padding:0 0 10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #79644938}
  #mha-familienkarte .mha-heading-row>div:first-of-type{flex:1 1 130px}
  #mha-familienkarte .mha-heading-row .mha-title{font-size:30px;line-height:1.1;overflow-wrap:anywhere}
  #mha-familienkarte .mha-heading-row :is(.mha-kicker,.mha-ornament){display:none}
  #mha-familienkarte .mha-heading-row .mha-title::after{display:none}
  #mha-familienkarte .mha-heading-actions{gap:6px;flex-shrink:0}
  #mha-familienkarte .mha-heading-actions>.mha-button{padding:8px 11px}
  #mha-familienkarte .mha-heading-row .mha-family-symbol{width:26px;height:26px}
  #mha-familienkarte .mha-toolbar{gap:8px;margin:10px 0}
  #mha-familienkarte .mha-people{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:2px 0 6px;gap:4px;margin:0 0 8px;scrollbar-width:thin}
  #mha-familienkarte .mha-people>.mha-person{white-space:nowrap;flex-shrink:0;min-height:44px}
  #mha-familienkarte .mha-soft-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:6px;padding:2px 0 8px;margin:0 0 8px;scrollbar-width:thin}
  #mha-familienkarte .mha-soft-tabs>.mha-button{white-space:nowrap;flex-shrink:0}
  #mha-familienkarte .mha-shopping-list{padding:12px;margin-top:4px}
  #mha-familienkarte .mha-shopping-list .mha-row{gap:6px}
  #mha-familienkarte .mha-shopping-list .mha-row>.mha-inline-check{min-width:0;flex:1}
  #mha-familienkarte .mha-shopping-list .mha-row>.mha-inline-check>span{min-width:0;overflow-wrap:anywhere}
  #mha-familienkarte .mha-shopping-list .mha-row-actions{gap:2px;flex-wrap:nowrap}
  #mha-familienkarte .mha-shopping-list [data-action=move-up]{width:44px;min-width:44px;padding:8px}
  #mha-familienkarte .mha-row-actions{gap:6px}
  #mha-familienkarte .mha-task-mode-nav{gap:6px;margin-bottom:10px}
  #mha-familienkarte .mha-task-mode-nav>.mha-button{padding-inline:10px}
  #mha-familienkarte .mha-task-swipe-hint{display:none}
  #mha-familienkarte .mha-album-summary{padding:0 0 10px}
  #mha-familienkarte .mha-album-summary h2{font-size:22px;margin-bottom:4px}
  #mha-familienkarte .mha-album-actions{margin-top:10px;gap:6px}
  #mha-familienkarte .mha-album-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  #mha-familienkarte .mha-library-intro{margin-bottom:8px}
  #mha-familienkarte .mha-library-intro>div:first-child{display:none}
  #mha-familienkarte .mha-library-reading-count strong{font-size:30px}
  #mha-familienkarte .mha-library-reading-count{flex-direction:row;align-items:center;gap:8px;font-size:12px}
  #mha-familienkarte .mha-library-tools{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:8px;margin:8px 0 16px}
  #mha-familienkarte .mha-library-tools>label{min-width:0;max-width:none;width:auto}
  #mha-familienkarte .mha-library-tabs{grid-column:1/-1;flex-wrap:nowrap;overflow-x:auto;min-width:0;scrollbar-width:thin}
  #mha-familienkarte .mha-library-tabs>button{white-space:nowrap;flex-shrink:0}
  #mha-familienkarte .mha-library-tools select{min-width:0}
  #mha-familienkarte .mha-dialog{width:calc(100% - 16px);max-width:620px;max-height:calc(100dvh - 16px);padding:24px 16px;margin:auto;border-radius:12px}
  #mha-familienkarte .mha-dialog label{min-width:0}
  #mha-familienkarte .mha-dialog .mha-form-actions{gap:8px}
  #mha-familienkarte .mha-dialog .mha-form-actions>.mha-button{flex:1}
  #mha-familienkarte .mha-dialog .mha-dialog-close{min-width:44px;min-height:44px}
}
@media(max-width:380px){
  #mha-familienkarte .mha-masthead{gap:4px;padding-inline:6px}
  #mha-familienkarte .mha-brand{font-size:18px}
  #mha-familienkarte .mha-calendar-controls{gap:2px}
  #mha-familienkarte :is(.mha-date-controls,.mha-calendar-actions){gap:0}
  #mha-familienkarte .mha-main{padding-inline:8px}
  #mha-familienkarte .mha-mobile-nav{padding-inline:2px}
}