.child-notebook-window{gap:20px}
.child-notebook-hero{gap:18px;padding:24px 26px}
.child-notebook-hero-icon{width:66px;height:66px;border-radius:20px}
.child-notebook-hero-icon svg{width:32px;height:32px}
.child-notebook-hero-copy span{margin-bottom:7px;font-size:10px}
.child-notebook-hero-copy h3{font-size:clamp(22px,2.8vw,29px);margin-bottom:7px!important}
.child-notebook-hero-copy p{font-size:12px;line-height:1.55}
.child-notebook-age{padding:9px 13px;font-size:10px}
.child-notebook-grid{gap:16px}
.child-notebook-feature{min-height:190px;gap:12px;padding:18px 16px 17px}
.child-notebook-feature>.child-notebook-feature-icon{width:112px;height:112px}
.child-notebook-feature-icon svg{width:35px;height:35px}
.child-notebook-feature h3{font-size:14px;line-height:1.24}
.child-notebook-feature p{font-size:10px;line-height:1.45}
.child-notebook-feature-count{top:12px;right:12px;min-width:27px;height:27px;font-size:9px}
.child-notebook-foot{gap:8px;font-size:10px}
.child-notebook-foot svg{width:16px;height:16px}
.child-tool-view{gap:18px}
.child-tool-heading{gap:14px;padding:4px 2px}
.child-tool-back{width:42px;height:42px;border-radius:13px}
.child-tool-back svg{width:19px;height:19px}
.child-tool-heading>.child-notebook-feature-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#e8f3ff,#c9ddff);box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(9,91,230,.1)}
.child-tool-heading>.child-notebook-feature-icon svg{width:25px;height:25px}
.child-tool-heading-copy h3{font-size:20px}
.child-tool-heading-copy p{font-size:11px;line-height:1.45}
.child-tool-form-card,.child-tool-list-card{padding:20px;border-radius:20px}
.child-tool-section-title{margin-bottom:15px}
.child-tool-section-title h4{font-size:14px}
.child-tool-section-title span{font-size:10px}
.child-tool-form{gap:13px}
.child-tool-field{gap:6px}
.child-tool-field label{font-size:10px}
.child-tool-field input,.child-tool-field select,.child-tool-field textarea{padding:12px 13px;font-size:12px;border-radius:11px}
.child-tool-field textarea{min-height:104px;line-height:1.55}
.child-tool-file-note{font-size:9px}
.child-tool-actions{gap:10px;padding-top:5px}
.child-tool-actions .btn{font-size:11px;padding:10px 14px}
.child-record-list{gap:10px}
.child-record{grid-template-columns:46px minmax(0,1fr) auto;gap:13px;padding:14px;border-radius:16px}
.child-record-icon{width:46px;height:46px;border-radius:13px}
.child-record-icon svg{width:20px;height:20px}
.child-record-main b{font-size:12px}
.child-record-main small{font-size:9px}
.child-record-tags{gap:5px;margin-top:7px}
.child-record-tag{padding:5px 7px;font-size:8px}
.child-record-actions{gap:5px}
.child-record-action{width:34px;height:34px;border-radius:9px}
.child-record-action svg{width:15px;height:15px}
.child-tool-empty{padding:32px 14px;font-size:10px}
.child-tool-empty svg{width:34px;height:34px}
.child-tool-empty b{font-size:12px}
.child-profile-summary{grid-template-columns:54px minmax(0,1fr);gap:13px;margin-bottom:15px;padding:15px;border-radius:16px}
.child-profile-avatar{width:54px;height:54px;border-radius:16px;font-size:18px}
.child-profile-summary b{font-size:13px}.child-profile-summary span{font-size:10px}
.child-growth-summary{gap:10px;margin-bottom:14px}
.child-growth-kpi{padding:13px;border-radius:13px}
.child-growth-kpi b{font-size:17px}.child-growth-kpi span{font-size:8.5px}
.child-growth-chart{height:165px;margin-bottom:16px}
.child-growth-bar>span{font-size:8px}.child-growth-bar>small{font-size:7.5px}
@media(max-width:640px){
  .modal.child-notebook-modal .modal-card{width:calc(100vw - 16px);max-height:calc(100dvh - 18px)}
  .modal.child-notebook-modal .modal-head{padding:15px 16px 0}
  .modal.child-notebook-modal .modal-body{padding:10px 14px 20px}
  .child-notebook-window{gap:14px}
  .child-notebook-hero{grid-template-columns:52px minmax(0,1fr);gap:13px;padding:18px 16px}
  .child-notebook-hero-icon{width:52px;height:52px;border-radius:16px}
  .child-notebook-hero-icon svg{width:26px;height:26px}
  .child-notebook-hero-copy span{font-size:9px}
  .child-notebook-hero-copy h3{font-size:21px}
  .child-notebook-hero-copy p{font-size:10.5px}
  .child-notebook-age{padding:7px 10px;font-size:9px}
  .child-notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .child-notebook-feature{min-height:176px;gap:9px;padding:14px 10px 12px;border-radius:18px}
  .child-notebook-feature>.child-notebook-feature-icon{width:84px;height:84px}
  .child-notebook-feature h3{font-size:12.5px}
  .child-notebook-feature p{font-size:9.2px}
  .child-notebook-dialog-body{padding:16px 14px 22px}
  .child-tool-view{gap:14px}
  .child-tool-heading{gap:10px}
  .child-tool-back{width:38px;height:38px}
  .child-tool-heading>.child-notebook-feature-icon{width:44px;height:44px}
  .child-tool-heading-copy h3{font-size:18px}
  .child-tool-heading-copy p{font-size:10px}
  .child-tool-form-card,.child-tool-list-card{padding:16px;border-radius:17px}
  .child-tool-section-title h4{font-size:12.5px}
  .child-tool-section-title span{font-size:9px}
  .child-tool-form{gap:11px}
  .child-tool-field input,.child-tool-field select,.child-tool-field textarea{padding:11px 12px;font-size:11px}
  .child-tool-field textarea{min-height:90px}
  .child-tool-actions .btn{font-size:10px;padding:9px 11px}
  .child-record{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px}
  .child-record-icon{width:42px;height:42px}
  .child-record-main b{font-size:11px}
  .child-record-main small{font-size:8.5px}
  .child-record-tag{font-size:7.5px}
  .child-record-actions{grid-column:1/-1;justify-content:flex-end;padding-top:8px}
  .child-record-action{width:32px;height:32px}
  .child-profile-summary{grid-template-columns:48px minmax(0,1fr);padding:13px}
  .child-profile-avatar{width:48px;height:48px}
  .child-profile-summary b{font-size:12px}.child-profile-summary span{font-size:9px}
  .child-growth-kpi{padding:10px}
  .child-growth-kpi b{font-size:15px}.child-growth-kpi span{font-size:7.5px}
}