/* Owner correction: curved photo/content joins, less empty space, actions first.
   No Home typography overrides and no record visibility or business-state changes. */
.ui-reference .baby-reference-page .v7-header-utils { margin-top:0; margin-bottom:12px; row-gap:0; }
.ui-reference .baby-reference-page .care-hero__stage { grid-template-rows:58px auto; min-height:176px; }
.ui-reference .baby-reference-page .care-hero__card { min-height:118px; background:transparent; border-radius:0; isolation:isolate; padding:14px 14px 14px 12px; }
.ui-reference .baby-reference-page .care-hero__card::before { content:''; position:absolute; inset:0 -36px 0 0; z-index:-1; background:var(--ui-accent); border-radius:22px 0 0 22px;
  /* Smooth S-shaped join, rather than a second rectangular card on the photo. */
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H77C94 0 79 70 100 100H0Z' fill='black'/%3E%3C/svg%3E") 0 0/100% 100%;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H77C94 0 79 70 100 100H0Z' fill='black'/%3E%3C/svg%3E") 0 0/100% 100%; }
.ui-reference .baby-reference-page .care-hero .v7-hero__media { min-height:176px; border-radius:52% 18% 16% 44% / 44% 18% 17% 52%; }
.ui-reference .baby-reference-page .care-hero__figure { column-gap:3px; }
.ui-reference .baby-reference-page .care-hero__foot { margin-top:8px; }
.ui-reference .baby-reference-page .care-hero { margin-bottom:8px; }
.ui-reference .baby-reference-page .care-summary-trio>div { min-height:0; padding:10px 8px; gap:3px 5px; }
.ui-reference .baby-reference-page .care-detail-strips { margin-bottom:14px; }
.ui-reference .baby-reference-page .care-detail-strip { min-height:38px; padding:7px 2px; }
.ui-reference .baby-reference-page .care-detail-strip strong { margin:0; }
.ui-reference .baby-reference-page .care-detail-strip__note { line-height:1.5; }
.ui-reference .baby-reference-page :is(.v7-block,.reference-section) { margin-top:0; margin-bottom:18px; padding-top:0; padding-bottom:0; }
.ui-reference .baby-reference-page .v7-section-title { margin-bottom:10px; }
.ui-reference .baby-reference-page .today-timeline .v7-list-card:has(.quiet-empty) { padding:12px 16px; }
.ui-reference .baby-reference-page .quiet-empty { min-height:0; margin:0; padding:12px 0; font-size:13px; }
.ui-reference .baby-reference-page .reference-section>h2 { margin:0 0 10px; font-size:19px; line-height:1.4; }
.ui-reference .baby-reference-page .knowledge-slot>p { font-size:15px; line-height:1.75; margin:0 0 10px; }
.ui-reference .baby-reference-page .round-actions>a { min-height:64px; padding:8px 6px; gap:6px; }

/* Shared photographic language: imagery meets the paper at a curved soft edge,
   not a full-width rectangular banner repeated above every form. */
.ui-reference .ui-page-scene { min-height:132px; background:transparent; overflow:visible; border-radius:0; margin-bottom:16px; }
.ui-reference .ui-page-scene::before { display:none; }
.ui-reference .ui-page-scene>img { inset:0 0 0 auto; width:65%; border-radius:56% 18% 20% 42% / 50% 20% 30% 46%; object-position:70% 50%; -webkit-mask-image:linear-gradient(90deg,transparent,#000 45%); mask-image:linear-gradient(90deg,transparent,#000 45%); }
.ui-reference .ui-page-scene>div { width:66%; padding:14px 0; }
.ui-reference .ui-page-scene strong { font-size:19px; line-height:1.5; }
.ui-reference .ui-page-scene p { font-size:13px; line-height:1.65; }
.ui-reference .reminder-page .notification-consent { background:var(--ui-inset); }
.ui-reference .reminder-page .notification-consent>.reminder-scene { width:66%; left:auto; border-radius:45% 0 0 42% / 60% 0 0 35%; -webkit-mask-image:linear-gradient(90deg,transparent,#000 30%); mask-image:linear-gradient(90deg,transparent,#000 30%); }
.ui-reference .reminder-page .reminder-photo-card>.reminder-scene { width:55%; left:auto; border-radius:50% 0 0 35%; -webkit-mask-image:linear-gradient(90deg,transparent,#000 65%); mask-image:linear-gradient(90deg,transparent,#000 65%); }
.ui-reference .reminder-compose .reminder-compose-scene { min-height:124px; background:transparent; overflow:visible; }
.ui-reference .reminder-compose .reminder-compose-scene::before { display:none; }
.ui-reference .reminder-compose .reminder-compose-scene>.reminder-scene { width:64%; left:auto; border-radius:50% 20% 25% 40%; -webkit-mask-image:linear-gradient(90deg,transparent,#000 50%); mask-image:linear-gradient(90deg,transparent,#000 50%); }
.ui-reference .reminder-compose .reminder-compose-scene p { padding:12px 0; width:70%; }

/* Tasks: one visual accent; empty state is a small invitation, not a second hero. */
.ui-reference .tasks-page .task-capture-primary { display:flex; align-items:center; justify-content:center; gap:8px; margin:10px 0 16px; }
.ui-reference .tasks-page .reference-section { margin:18px 0; padding:0; }
.ui-reference .tasks-page .reference-section>h2 { font-size:19px; margin:0 0 12px; }
.ui-reference .tasks-page .task-empty { position:relative; isolation:isolate; overflow:hidden; padding:24px 20px; min-height:148px; text-align:left; }
.ui-reference .tasks-page .task-empty .ui-empty-photo { position:absolute; top:0; right:0; width:44%; height:100%; max-height:none; margin:0; z-index:-1; border-radius:60% 0 0 40%; -webkit-mask-image:linear-gradient(90deg,transparent,#000 85%); mask-image:linear-gradient(90deg,transparent,#000 85%); }
.ui-reference .tasks-page .task-empty strong { display:block; max-width:78%; font-size:18px; line-height:1.6; }
.ui-reference .tasks-page .task-empty p { font-size:14px; margin:8px 0; }
.ui-reference .tasks-page .task-empty>a { display:inline-flex; min-height:44px; align-items:center; color:var(--ui-accent); font-size:15px; text-decoration:underline; text-underline-offset:4px; }
.ui-reference .tasks-page .task-filter-drawer { padding:6px 16px; margin:12px 0; }
.ui-reference .tasks-page .task-row { gap:12px; padding:16px 4px; }
.ui-reference .tasks-page .task-row h3 { font-size:17px; line-height:1.6; margin:0 0 5px; overflow-wrap:anywhere; }
.ui-reference .tasks-page .task-row p { font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.ui-reference .tasks-page .task-row button { min-height:44px; min-width:44px; }
.ui-reference .tasks-page .task-filters :is(select,button) { min-height:44px; font-size:15px; }

/* Both task entry points keep their distinct domain semantics and fields. */
.ui-reference :is(.task-composer-page,.quick-capture-page) .capture-header { position:relative; isolation:isolate; min-height:150px; align-items:flex-start; padding-top:12px; margin-bottom:12px; }
.ui-reference .capture-header>div { flex:1; }
.ui-reference .capture-header p { max-width:70%; }
.ui-reference .capture-header-photo { position:absolute; inset:0 0 0 auto; width:58%; height:100%; object-fit:cover; object-position:72% 50%; z-index:-1; border-radius:60% 20% 24% 40%; -webkit-mask-image:linear-gradient(90deg,transparent,#000 80%); mask-image:linear-gradient(90deg,transparent,#000 80%); opacity:.8; }
.ui-reference .task-composer-page .task-title-field { padding:18px; margin:0; }
.ui-reference .task-composer-page .task-title-field>label { font-size:17px; font-weight:700; margin-bottom:12px; }
.ui-reference .task-composer-page .composer-primary-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px; background:var(--ui-card); border-radius:18px; }
.ui-reference .task-composer-page .composer-primary-fields>label { min-width:0; font-size:14px; }
.ui-reference .task-composer-page .composer-primary-fields>label:has(input[type=datetime-local]),.ui-reference .task-composer-page .composer-primary-fields>.check-line,.ui-reference .task-composer-page #task-recurrence-options { grid-column:1/-1; }
.ui-reference .task-composer-page .check-line { min-height:44px; align-items:center; gap:10px; }
.ui-reference .task-composer-page .task-composer>details { padding:0 16px; background:var(--ui-card); border-radius:16px; }
.ui-reference .task-composer-page .task-composer summary { min-height:44px; padding:12px 0; font-size:15px; }
.ui-reference .task-composer-page .composer-fields { padding-bottom:12px; }
.ui-reference .quick-capture-page .quick-capture-editor textarea { min-height:180px; resize:vertical; }
@media(min-width:900px) {
 .ui-reference .workspace-main .ui-page-scene { min-height:150px; max-width:900px; }
 .ui-reference .workspace-main .ui-page-scene>div { padding:20px 0; }
 .ui-reference .workspace-main .ui-page-scene>img { width:48%; }
}
@media(max-width:374px) {
 .ui-reference .task-composer-page .composer-primary-fields { grid-template-columns:minmax(0,1fr); }
}