/* Shared product presentation: clear type, compact controls, neutral surfaces. */
:root{--ink:#26332d;--navy:#26332d;--muted:#59675f;--line:#dce3de;--canvas:#f7f9f7;--paper:#fff;--sage:#f0f5f1;--peach:#f0f5f1;--lilac:#f0f5f1;--radius:12px;--soft-shadow:none}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--canvas);line-height:1.5}
h1,h2,h3,.welcome-heading h1,.welcome-form>h2,.dialog-head h2,#dialog>h2,.diary-entry h2,.empty h2,.empty h3,.explore-example h2,.menu-bottom p{font-family:inherit;font-weight:650;letter-spacing:-.25px}
h1,.today-welcome h1,.welcome-heading h1,.example-first .welcome-heading h1,.explore-welcome .welcome-heading h1{font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.2}
h2,.diary-entry h2,.empty h2,.empty h3,.welcome-form>h2{font-size:1.2rem;line-height:1.35}
h3{font-size:1rem;line-height:1.4}.home-details summary,.home-details .baby-card .age,.quiet-card h3,.ask-tile h2,.stats-section-title{font-family:inherit;font-weight:650}.heading{margin-bottom:20px;gap:16px}.heading p{margin-top:8px;font-size:.95rem;line-height:1.5}
.workspace{max-width:1120px;padding:28px 28px 40px}.topbar{background:#fff;border-bottom:1px solid var(--line);backdrop-filter:none;padding-top:10px;padding-bottom:10px}
.panel,.guide-card,.welcome-form,.example-first .welcome-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:none;margin-bottom:18px}
.panelheader{margin-bottom:14px;gap:12px}.panelheader .small,.diary-entry .category,.diary-entry .diary-day{background:transparent;color:var(--muted);padding:0;border-radius:0;font-size:.8rem}
.eyebrow,.mini-label,.category{font-family:inherit;font-size:.8rem;font-weight:550;letter-spacing:0;text-transform:none;color:var(--muted)}
.button{border-radius:8px;min-height:46px;padding:11px 18px;box-shadow:none;line-height:1.4;transform:none;transition:background .15s ease}
.button:hover,.button:active{transform:none;box-shadow:none}.button.secondary{background:#fff;border-color:#c9d6ce}.button.secondary:hover{background:#f0f5f1}
.textbtn,.linkbutton{line-height:1.4}.closebtn,.menu-toggle,.navigation-drawer .navbtn{border-radius:8px}.closebtn{background:#f0f5f1}
.field{margin-bottom:16px}.field input,.field textarea,.field select,.inlineform input{background:#fff;border-radius:8px;border-color:#c9d6ce;padding:11px 12px;min-height:46px;line-height:1.5;font-size:16px;min-width:0}
.field small,.source-note,.tracking-note{line-height:1.5}.form-actions{gap:10px}.formgrid{gap:14px}.field textarea{min-height:100px}
.today-welcome{margin:0 0 20px;padding:0;gap:16px}.home-date{font-size:.85rem}.baby-age-line{font-size:.95rem;margin-top:8px}
.daily-strip{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:12px;background:#fff;border-color:var(--line);box-shadow:none;margin-bottom:12px}
.daily-strip article{min-width:0;padding:18px;border-right:1px solid var(--line);background:transparent}.daily-strip article:last-child{border-right:0}.daily-strip strong{font-family:inherit;font-size:1.25rem;line-height:1.35;letter-spacing:-.2px;overflow-wrap:anywhere}.daily-strip small{font-size:.78rem;line-height:1.5;margin-top:7px}
.daily-strip article+article{border-left:0}
.quick-log{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-log button{min-height:46px;border-radius:8px;background:#fff;border:1px solid #c9d6ce;padding:11px 12px;gap:8px}.quick-log button:hover{background:#edf4ef}.tracking-note{font-size:.78rem;margin:10px 0 18px}
.first-action-panel{background:#fff;border-left:3px solid var(--blue);gap:20px}.first-action-panel h2{font-size:1.2rem;margin:5px 0}.first-action-panel p{margin-top:8px}.first-action-buttons{min-width:190px;gap:8px}
.two-col{gap:20px;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}.action-card{padding:15px 0;border-color:var(--line)}.task-details summary{font-size:.85rem}.checkbutton{border-radius:6px}
.family-shortcuts{margin-top:24px}.hub-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;background:transparent;border:0;margin:8px 0 18px}
.tool-tile{flex-direction:row;align-items:center;min-height:78px;padding:14px 0;gap:12px;box-shadow:none}.tool-tile>svg{width:20px;height:20px;padding:0;background:transparent;border-radius:0;flex:none}.tool-tile strong{font-size:.95rem}.tool-tile small{font-size:.8rem;margin-top:3px;line-height:1.4}
.quiet-card,.ask-tile{border:1px solid var(--line);border-radius:12px;box-shadow:none;background:#fff;padding:20px}.ask-tile .cover-icon,.quiet-card>svg{background:transparent;border-radius:0}.quiet-card p{font-size:.9rem;line-height:1.5}
.caregiver-invite-note,.parent-referral-note,.parent-feedback-note,.updates-notice,.calendar-invitation,.guest-preview-banner,.sample-invitation,.demo-bar{background:#f0f5f1;border:1px solid #d6e2d9;border-radius:10px;padding:18px;margin-bottom:18px;box-shadow:none}
.caregiver-invite-note h2,.caregiver-invite-note h3,.updates-notice h2,.calendar-invitation h2{font-size:1.15rem}.calendar-invitation p,.updates-notice p{font-size:.9rem;line-height:1.5}.calendar-invitation .form-actions{margin:14px 0 8px}.calendar-invitation-icon{border-radius:8px;background:transparent}
.guest-preview-banner{gap:16px}.guest-preview-banner p{margin-top:6px}.guest-preview-banner .form-actions{flex-wrap:wrap}.sample-invitation h2{font-size:1.2rem}.demo-bar strong{font-size:.9rem}.demo-buttons button,.demo-buttons button.active{border-radius:6px;box-shadow:none}
.pill{border-radius:5px;background:#f0f5f1;padding:4px 8px;white-space:nowrap;flex:0 0 auto;font-size:.8rem}.appointment-card{border-color:var(--line)}.appointment-card .panelheader{align-items:flex-start}.appointment-card .panelheader h3{min-width:0}.record-row{padding:16px 0;border-color:var(--line)}
.filters{gap:8px;margin-bottom:18px;flex-wrap:wrap}.filter,.filter.active{border-radius:6px;min-height:42px;padding:9px 12px;box-shadow:none}.filter.active{background:var(--blue);color:white}
.learn-stage{background:#f0f5f1;border:1px solid #d6e2d9;border-radius:10px;padding:22px;margin-bottom:22px}.learn-stage h2{font-family:inherit;font-size:1.3rem}.learn-stage-icon{display:none}.learn-stage p{font-size:.9rem;line-height:1.5}.learn-resource,.learn-free article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:none}.learn-activity h3,.learn-resource h3{font-family:inherit;font-size:1.1rem}.learn-resource .learn-age{background:transparent;color:var(--muted);border-radius:0;padding:0}.learn-activity-grid,.learn-resource-grid,.learn-free-grid{gap:16px}.learn-section-heading{margin-bottom:12px}.learn-free{margin:24px 0}
.diary-empty,.community-feed>.empty{background:#fff;border:1px solid var(--line);padding:28px 22px}.empty .cover-icon{display:none}.empty p{font-size:.95rem;line-height:1.5}.diary-entry h2{margin-top:14px}.diary-text,.post-text{line-height:1.6}.diary-privacy{line-height:1.5}.community-post{padding:22px}.community-photo{border-radius:10px}.share-notice{border-radius:8px;background:#f0f5f1;line-height:1.5}.community-toolbar{margin:12px 0 18px}
.notice,.profile-notice,.ask-warning,.answer-attention{border-radius:8px}.ask-answer h2{font-family:inherit}.ask-answer,.ask-about,.ask-browse{line-height:1.5}
.welcome-shell{padding:26px 28px 40px}.welcome-heading{margin-bottom:22px}.welcome-heading p{margin-top:12px;line-height:1.5}.welcome-form>h2{margin-bottom:20px}.explore-example,.example-first .landing-preview{border-radius:12px;background:#fff;border:1px solid var(--line);padding:22px}.example-first .landing-preview h2{font-family:inherit;font-size:1.2rem}.preview-demo-button{border-radius:8px}.founder-note{font-size:.85rem;line-height:1.5;color:var(--muted)}
.demo-entry-copy h1{font-family:inherit;font-weight:650;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.4px;line-height:1.2}.demo-entry-layout{gap:40px}.demo-entry-copy>.eyebrow{display:none}.demo-entry-copy>p{line-height:1.5}.demo-film video,.demo-end{border-radius:12px}.demo-current-page{border-radius:8px;background:#f0f5f1}.demo-end{background:#f0f5f1;padding:28px}.demo-end h2{font-family:inherit;font-size:1.5rem}.demo-end .eyebrow{display:none}
dialog{background:#fff;border-radius:14px;padding:24px;border-color:var(--line);box-shadow:0 16px 50px #213b2926}dialog::backdrop{backdrop-filter:none;background:#23382b66}.dialog-head h2,#dialog>h2{font-size:1.4rem}.navigation-drawer{background:#fff;border-radius:0 12px 12px 0;padding:22px 18px}.navigation-drawer .navbtn{padding:11px 12px;min-height:46px;color:var(--ink)}.navigation-drawer .navbtn.active{background:#edf4ef}.menu-bottom p{font-size:.85rem;font-weight:400}
.footer{font-size:.8rem;margin-top:26px;padding-top:18px;line-height:1.5}.welcome-footer{line-height:1.5}#toast{border-radius:8px;box-shadow:0 4px 16px #213b2926;padding:12px 16px}
.workspace>div:not(.family-status),.workspace>.heading,.workspace>.today-welcome,#dialog,.navigation-drawer{animation:none}
@media(max-width:900px){.two-col{grid-template-columns:1fr}.workspace{padding:24px 22px 36px}.daily-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-strip article:nth-child(2){border-right:0}.daily-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.rightcol{gap:18px}}
@media(max-width:680px){.workspace,.welcome-shell{padding:20px 16px 32px}.topbar{padding:9px 16px}.panel,.guide-card,.welcome-form,.example-first .welcome-form{padding:18px;border-radius:10px}.today-welcome{margin-bottom:16px}.daily-strip article{padding:15px 12px}.daily-strip strong{font-size:1.1rem}.quick-log{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-log button{flex-direction:column;padding:9px 4px;font-size:.8rem;gap:5px}.quick-log svg{width:18px;height:18px}.rightcol{display:block}.rightcol>.panel,.rightcol>.quiet-card{margin-bottom:18px}.hub-links{grid-template-columns:1fr}.tool-tile{flex-direction:row;min-height:68px;padding:12px 0}.first-action-panel{gap:14px}.first-action-panel h2{font-size:1.2rem}.guest-preview-banner{padding:16px}.guest-preview-banner .form-actions{justify-content:flex-start}.guest-preview-banner .button{width:auto}.heading{gap:12px}.demo-entry-layout{padding:0;gap:18px}.demo-entry-copy h1{font-size:1.75rem}.demo-entry-copy .founder-note{margin-top:18px}.calendar-invitation{padding:18px}.dialog-head h2,#dialog>h2{font-size:1.3rem}.navigation-drawer{max-width:88vw}.appointment-card .form-actions{gap:8px}.formgrid{gap:12px}}
/* Preparation and newborn answers: scan the short answer, expand for detail. */
.expecting-entry{margin-top:14px;width:100%;white-space:normal;min-height:44px}
.parenting-choice{border:0;padding:0;margin:0 0 22px;min-width:0}.parenting-choice legend{font-weight:650;margin-bottom:12px}.parenting-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.parenting-option{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--white)}.parenting-option:has(input:checked){background:var(--sky);border-color:var(--blue)}.parenting-option input[type=radio]{width:18px;height:18px;margin:4px 0 0;flex-shrink:0;accent-color:var(--blue)}.parenting-option strong,.parenting-option small{display:block}.parenting-option small{color:var(--muted);margin-top:5px;line-height:1.5}.parenting-option:focus-within{outline:3px solid #b7abbe;outline-offset:3px}.expect-focus p,.expect-arrival p{margin:12px 0;color:var(--muted);max-width:65ch}.expect-focus ul{padding-left:20px;margin-bottom:0}.expect-focus li{margin:8px 0}.expect-arrival{background:var(--sky)}.expect-arrival .form-actions{margin-top:16px}
@media(max-width:480px){.parenting-options{grid-template-columns:1fr}.parenting-option{padding:14px}.expect-arrival .form-actions{flex-wrap:wrap}}
.expect-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.expect-overview h2{margin:8px 0}.expect-overview p{max-width:60ch}.expect-overview .form-actions{flex-shrink:0;max-width:240px;flex-wrap:wrap}
.expect-task{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.expect-task:last-child{border:0}.expect-task .checkbutton{flex-shrink:0;margin-top:6px;min-width:32px;min-height:32px}.expect-task.is-done h3{text-decoration:line-through;color:var(--muted)}.expect-task h3{margin:4px 0 8px}.expect-task details p{margin:10px 0 0;max-width:65ch}
.expect-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.expect-card-grid .panel{margin:0}.expect-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:white}.expect-card h2,.expect-card h3{font-size:1.12rem;margin:0 0 12px}.expect-short{font-weight:600;margin-bottom:14px;line-height:1.6}.expect-card details p{margin:12px 0;line-height:1.65}.expect-card a{overflow-wrap:anywhere}.expect-card summary,.expect-task summary{cursor:pointer;min-height:30px;color:var(--ink)}
@media(max-width:650px){.expect-card-grid{grid-template-columns:1fr}.expect-overview{flex-direction:column}.expect-overview .form-actions{max-width:none}.expect-task{padding:14px 0}.expect-card{padding:18px}}

.intro-header-actions{display:flex;align-items:center;gap:14px}.intro-header-actions .linkbutton{min-height:44px;white-space:normal;text-align:center}@media(max-width:420px){.intro-header-actions{gap:10px}.intro-header-actions .linkbutton{font-size:.8rem}.demo-entry .welcome-brand{gap:10px}.demo-entry .brand-sprout{width:30px;height:37px}}
.gear-card h3{margin:8px 0;font-size:1.15rem}.gear-card p{margin:10px 0;line-height:1.6}.gear-card details{margin:14px 0}.gear-card .field{margin-top:18px}.gear-card .button{white-space:normal;max-width:100%}.gear-example{padding:12px;background:var(--sage);border-radius:8px}.gear-example strong{font-size:.8rem;color:var(--muted)}.gear-group{margin:22px 0}.gear-group>h2{margin-bottom:14px}.gear-readiness{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.gear-readiness span{color:var(--muted)}.gear-registry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px}.gear-registry-grid p{margin:10px 0}.gear-registry-grid .linkbutton{display:block;margin-top:12px}@media(max-width:650px){.gear-registry-grid{grid-template-columns:1fr}.gear-card .button{width:100%}.gear-readiness{flex-direction:column;gap:6px}}
