/* Feedback #620/#621/#626: respond to the space available, including an open notes sidebar.
   Scoped to the family shell. Public pages keep their own navigation and layout. */
.hh-fresh-body .hh-fresh-header{container:hh-header / inline-size}
.hh-fresh-body .hh-fresh-header-inner{display:grid!important;grid-template-columns:minmax(140px,200px) minmax(0,1fr) auto!important;align-items:center;gap:16px!important;padding:14px 24px!important}
.hh-fresh-body .hh-brand-stack{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.hh-fresh-body .hh-brand-stack .hh-fresh-brand{width:100%!important;max-width:200px}
.hh-fresh-body .hh-brand-stack .hh-fresh-brand img{width:100%;height:auto!important;max-height:100px;object-fit:contain}
.hh-fresh-body .hh-brand-stack .hh-public-home-link{max-width:100%;white-space:normal;text-align:center;font-size:11px;box-shadow:2px 2px 0 var(--hh-black)}
.hh-fresh-body .hh-fresh-nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;overflow:visible!important;min-width:0;padding:8px!important;grid-row:auto!important;grid-column:auto!important}
.hh-fresh-body .hh-fresh-nav .hh-fresh-link{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;gap:7px;min-width:0!important;min-height:42px;padding:8px 12px!important;border-width:1.5px;box-shadow:2px 3px 0 var(--hh-black);border-radius:13px}
.hh-fresh-body .hh-fresh-nav .hh-fresh-link>span{display:flex;flex:none;width:20px!important;height:20px!important}
.hh-fresh-body .hh-fresh-nav .hh-fresh-link svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hh-fresh-body .hh-fresh-nav .hh-fresh-link small{font-size:13px!important;white-space:nowrap;line-height:1.25}
.hh-fresh-body .hh-fresh-actions{grid-column:auto!important;grid-row:auto!important;gap:10px}
.hh-fresh-body .hh-fresh-date-row{justify-content:flex-end!important;padding-bottom:10px!important}
.hh-fresh-body .hh-fresh-standalone-date{font-size:14px!important;white-space:normal;text-align:right}
.hh-fresh-body .hh134-dashboard{container:hh-dashboard / inline-size;min-width:0}
.hh-fresh-body .hh134-dashboard *{box-sizing:border-box}
.hh-fresh-body .hh-family-tagline{font:600 clamp(15px,1.7vw,21px)/1.5 Quicksand,Arial,sans-serif!important;color:#514b55;text-align:center;max-width:42em;margin:8px auto 22px;padding:0 12px;text-wrap:balance}
.hh-fresh-body .hh134-main-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;gap:28px!important}
.hh-fresh-body .hh134-today-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important}
.hh-fresh-body .hh134-top-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important}
.hh-fresh-body :is(.hh134-main-left,.hh134-main-right,.hh134-left-stack,.hh134-today-stack,.hh-today-card,.hh-family-mini){min-width:0!important;width:100%!important;max-width:100%!important}
.hh-fresh-body .hh134-today-stack{grid-template-columns:minmax(0,1fr)!important}
.hh-fresh-body .hh134-main-right{margin:0!important}
.hh-fresh-body :is(.hh-today-card-head>div,.hh-today-row span,.hh134-quick-card>div){min-width:0;overflow-wrap:anywhere}
.hh-fresh-body .hh-today-icon{flex:none}
.hh-fresh-body .hh-today-card :is(h3,p,.hh-card-link){overflow-wrap:anywhere}
.hh-fresh-body .hh134-quick-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;gap:22px!important}
.hh-fresh-body .hh134-quick-card{grid-template-columns:42px minmax(0,1fr) auto!important;gap:12px;min-width:0}
.hh-fresh-body .hh134-quick-icon{width:42px;height:42px;flex:none}
.hh-fresh-body :is(.hh134-quick-icon,.hh-learning-icon) svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hh-fresh-body .hh-learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:22px;margin:20px 0 30px}
.hh-fresh-body .hh-learning-entry{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px;gap:14px;border:2px solid #222026;border-radius:20px;background:#fff8df;box-shadow:5px 6px 0 #ffe86c}
.hh-fresh-body .hh-learning-entry:nth-child(3n+2){background:#edf7ff;box-shadow:5px 6px 0 #80bafa}
.hh-fresh-body .hh-learning-entry:nth-child(3n){background:#fff0f6;box-shadow:5px 6px 0 #ff92ba}
.hh-fresh-body .hh-learning-icon{display:grid;place-items:center;width:52px;height:52px;flex:none;border:2px solid #222026;border-radius:15px;background:white}
.hh-fresh-body .hh-learning-icon svg{width:30px;height:30px}
.hh-fresh-body .hh-learning-entry h2{margin:0!important;font-size:23px!important;line-height:1.25}
.hh-fresh-body .hh-learning-entry p{margin:0!important;font-size:15px!important;line-height:1.5;max-width:30em}
.hh-fresh-body .hh-learning-action{margin-top:auto;padding-top:6px;width:100%}
.hh-fresh-body .hh-learning-action .hh-btn{font:700 14px/1.4 Quicksand,Arial,sans-serif!important;white-space:normal;min-height:44px;padding:10px 16px;max-width:100%;text-align:center}
.hh-fresh-body .hh-learning-status{font:600 12px/1.5 Quicksand,Arial,sans-serif;color:#514b55}
@container hh-header (max-width:1050px){
 .hh-fresh-body .hh-fresh-header-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
 .hh-fresh-body .hh-brand-stack{justify-self:start;width:min(200px,100%)}
 .hh-fresh-body .hh-fresh-actions{grid-row:1!important;grid-column:2!important}
 .hh-fresh-body .hh-fresh-nav{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;padding:4px 0!important}
}
@container hh-header (max-width:500px){
 .hh-fresh-body .hh-fresh-header-inner{padding:12px 16px!important}
 .hh-fresh-body .hh-brand-stack{max-width:160px}
 .hh-fresh-body .hh-fresh-nav .hh-fresh-link{padding:8px 10px!important;flex:1 0 auto!important}
 .hh-fresh-body .hh-fresh-nav .hh-fresh-link small{font-size:12px!important}
}
@container hh-dashboard (max-width:1040px){
 .hh-fresh-body .hh134-main-grid{grid-template-columns:minmax(0,1fr)!important}
 .hh-fresh-body .hh134-main-right{max-width:400px!important;justify-self:center}
}
@container hh-dashboard (max-width:720px){
 .hh-fresh-body .hh134-top-grid{grid-template-columns:minmax(0,1fr)!important}
 .hh-fresh-body .hh134-greeting-card h2{font-size:34px!important;letter-spacing:-.8px!important}
 .hh-fresh-body .hh134-today-grid{grid-template-columns:minmax(0,1fr)!important}
 .hh-fresh-body .hh-family-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* Safe wrapping fallback for older browsers without container queries. */
@supports not (container-type:inline-size){
 .hh-fresh-body .hh134-main-grid,.hh-fresh-body .hh134-top-grid,.hh-fresh-body .hh134-today-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}
 .hh-fresh-body .hh-fresh-header-inner{display:flex!important;flex-wrap:wrap}
 .hh-fresh-body .hh-fresh-nav{flex:1 1 500px}
}
.hh-fresh-body .hh-learning-lessons{width:100%;margin-top:auto}
.hh-fresh-body .hh-learning-lessons>summary{display:inline-flex;cursor:pointer;font:700 14px/1.4 Quicksand,Arial,sans-serif!important;min-height:44px;padding:10px 16px}
.hh-fresh-body .hh-learning-lessons[open]>.hh-lessons{margin-top:18px}
.hh-fresh-body .hh-learning-entry .hh-lessons details{width:100%;overflow-wrap:anywhere}
.hh-fresh-body .hh-mobile-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* #638: persistent context beside the family logo, separate from the public-home link. */
.hh-fresh-body .hh-brand-context{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0}
.hh-fresh-body .hh-brand-context .hh-fresh-brand{flex:1 1 auto;min-width:0}
.hh-fresh-body .hh-family-view-label{flex:0 0 auto;max-width:65px;font:800 11px/1.3 Quicksand,Arial,sans-serif;letter-spacing:.08em;color:#302044;border-left:2px solid #c7bdcd;padding:7px 0 7px 8px}

/* Schedule needs room for its calendar; the full navigation scrolls away instead of covering events. */
.hh-fresh-body.hh-schedule-page .hh-fresh-header{position:relative!important;top:auto!important}
.hh-fresh-body.hh-schedule-page .hh-fresh-header-inner{padding:8px 16px!important;gap:8px!important;grid-template-columns:minmax(110px,150px) minmax(0,1fr) auto!important}
.hh-fresh-body.hh-schedule-page .hh-brand-stack{gap:4px}
.hh-fresh-body.hh-schedule-page .hh-brand-stack .hh-fresh-brand img{max-height:60px!important}
.hh-fresh-body.hh-schedule-page .hh-fresh-nav{gap:6px!important;padding:4px!important}
.hh-fresh-body.hh-schedule-page .hh-fresh-nav .hh-fresh-link{min-height:40px;padding:6px 9px!important;gap:5px}
.hh-fresh-body.hh-schedule-page .hh-fresh-date-row{padding-bottom:5px!important}
@media(max-width:760px){.hh-fresh-body.hh-schedule-page .hh-fresh-header-inner{grid-template-columns:minmax(0,1fr) auto!important}.hh-fresh-body.hh-schedule-page .hh-fresh-nav{grid-column:1/-1!important;grid-row:2!important}}