/* Screen-only refinement: keep reading and editing geometry identical. */
.older-diaries-toggle { display:none; }
@media screen {
  #diaryView .diary-photos { background:#fff; }
  #diaryView .diary-photos .section-head { display:flex; flex-direction:row; align-items:center; gap:12px; margin-bottom:14px; }
  #diaryView .diary-photos .section-head h3 { margin:0; }
  #diaryView .diary-photos .section-head p { margin:4px 0 0; }
  #diaryView .diary-photos .count { flex:none; white-space:nowrap; padding:5px 9px; border-radius:6px; background:#f2f5f6; }
  #diaryView .diary-photos .upload-actions { display:flex; flex-direction:row; flex-wrap:nowrap; gap:8px; margin:0 0 16px; }
  #diaryView .diary-photos .upload-btn { display:flex; min-width:0; min-height:44px; padding:0; margin:0; border:0; }
  #diaryView .diary-photos .upload-btn span { display:flex; align-items:center; justify-content:center; gap:7px; box-sizing:border-box; width:100%; min-height:44px; height:auto; padding:10px 12px; font:500 15px var(--bs-font-family); white-space:nowrap; cursor:pointer; }
  #diaryView .diary-photos .upload-btn:focus-within span { outline:2px solid #299267; outline-offset:2px; }
  #diaryView .diary-photos .upload-btn svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  #diaryView .diary-photo-list > .empty-attachments { grid-column:1/-1; margin:0; padding:0; font:400 14px/1.5 var(--bs-font-family); color:#637680; }
  #diaryView .editor-footer { display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:12px; }
  #diaryView .editor-footer > span { min-width:0; font:400 14px/1.4 var(--bs-font-family); }
  #diaryView #deleteDay { flex:none; min-height:44px; padding:10px 15px; border:1px solid #c8322d; border-radius:7px; background:#c8322d; color:#fff; font:600 14px var(--bs-font-family); cursor:pointer; }
  #diaryView #deleteDay:hover { background:#ac2824; }
  #diaryView .diary-section > label > span:first-child { font:inherit; color:inherit; }
  #diaryView .diary-context-bar { align-items:center; gap:12px; border-bottom:1px solid #dbe3e8; margin-bottom:16px; }
  #diaryView .diary-context-bar .diary-date-picker,
  #diaryView .diary-date-picker:hover { min-height:44px; padding:4px 0 4px 17px; border:0; border-radius:0; background:transparent; box-shadow:none; cursor:default; grid-template-columns:minmax(0,1fr); grid-template-areas:"copy"; }
  #diaryView .diary-date-picker::before { content:""; position:absolute; top:3px; bottom:3px; left:0; width:4px; border-radius:2px; background:#e53b36; }
  #diaryView .diary-date-picker > svg { display:none; }
  #diaryView .diary-date-label { display:none; }
  #diaryView .diary-date-copy strong { font-family:var(--bs-font-family); font-size:28px; font-weight:600; letter-spacing:0; line-height:1.35; }
  #diaryView .diary-options > summary { width:44px; height:44px; border:0; border-radius:8px; background:#f2f5f6; color:#203848; }
  #diaryView #entryMeta:empty { display:none; }
  #diaryView .diary-section > label,
  #diaryView .diary-section.is-empty:not(:focus-within) > label { align-items:flex-start; padding:12px; font-family:var(--bs-font-family); font-size:var(--bs-text-16); font-weight:600; line-height:1.6; color:#203848; }
  #diaryView .diary-section .diary-rich-editor,
  #diaryView .diary-section.is-empty:not(:focus-within) .diary-rich-editor,
  #diaryView .diary-section.is-empty:focus-within .diary-rich-editor { min-height:46px; padding:12px 15px 6px!important; font-family:var(--bs-font-family); font-size:var(--bs-text-16); line-height:1.6; }
  #diaryView .diary-rich-editor:focus { box-shadow:none; outline:none; }
  #diaryView .diary-section:focus-within, #diaryView .diary-section.is-editing { box-shadow:inset 3px 0 #299267; }
  #diaryView .diary-field-footer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 10px; padding:0 15px 8px; min-height:44px; }
  #diaryView .diary-section .diary-field-meta { padding:0; min-height:0; font-size:var(--bs-text-12); line-height:1.4; }
  #diaryView .diary-field-controls { display:flex; align-items:center; justify-content:flex-end; gap:8px; width:112px; }
  #diaryView .diary-field-presence { position:static; margin:0; padding:0; max-width:none; background:none; font-size:var(--bs-text-12); font-weight:500; }
  #diaryView .diary-section { cursor:text; }
  #diaryView .diary-field-presence.hidden { display:block!important; visibility:hidden; }
  #diaryView .diary-field-presence:not(.remote) { color:#147557; font-weight:600; }
  #diaryView .diary-note-cell { position:relative; }
  #diaryView .is-editing .diary-note-cell { box-shadow:inset 3px 0 #299267; }
  #diaryView .diary-section.locked-by-other, #diaryView .locked-by-other .diary-note-cell { background:#edf1f3; cursor:not-allowed; }
  #diaryView .locked-by-other .diary-rich-editor { background:#edf1f3; color:#627581; cursor:not-allowed; }
  #diaryView .staff-row input::placeholder { color:#7c8991; opacity:1; }
  #diaryView .staff-row input:focus::placeholder { color:transparent; }
  #diaryView .diary-edit-hint { grid-column:1/-1; }
  #diaryView #diaryMoveButton { border-top:1px solid #dbe6ed; }
  .diary-date-dialog { width:min(480px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:24px; border:1px solid #dbe6ed; border-radius:14px; color:#142c3a; font-family:var(--bs-font-family); }
  .diary-date-dialog::backdrop { background:#142c3a88; }
  .diary-date-dialog h2 { margin:0 0 12px; font-size:var(--bs-text-22); }
  .diary-date-dialog p { font-size:var(--bs-text-15); line-height:1.5; }
  .diary-date-dialog label { display:grid; gap:8px; margin:16px 0; font-size:var(--bs-text-15); font-weight:600; }
  .diary-date-dialog input, .diary-date-dialog textarea { box-sizing:border-box; width:100%; min-width:0; min-height:44px; padding:10px; border:1px solid #b9c9d0; border-radius:7px; background:#fff; color:#142c3a; font:inherit; font-size:var(--bs-text-16); }
  .diary-date-dialog textarea { min-height:80px; resize:vertical; }
  .diary-date-dialog footer { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:20px; }
  .diary-date-dialog button { min-height:44px; padding:10px 16px; border:1px solid #b9c9d0; border-radius:7px; background:#fff; color:#142c3a; font:inherit; cursor:pointer; }
  .diary-date-dialog button[type=submit] { background:#e53b36; color:#fff; border-color:#e53b36; }
  .diary-date-dialog button:disabled { opacity:.6; cursor:wait; }
  .diary-date-dialog .date-warning { padding:12px; background:#fff5e4; border:1px solid #efd7b3; border-radius:7px; }
  .diary-date-dialog [role=status] { color:#526975; }
  .diary-date-dialog [role=status].error { color:#ab3029; }
}
@media screen and (min-width:768px) {
  #diaryView .diary-photos .upload-btn.camera { display:none; }
  #diaryView .diary-date-copy strong { font-size:40px; font-weight:700; line-height:1.2; }
  #diaryView .diary-context-bar .diary-date-picker { padding:8px 0 8px 20px; }
  #diaryView .diary-date-picker::before { width:5px; top:7px; bottom:7px; }
  #diaryView .diary-section { grid-template-columns:210px minmax(0,1fr); }
}
@media screen and (max-width:767px) {
  #diaryView .diary-photos .upload-btn { flex:1; }
  #diaryView .diary-photo-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #diaryView .diary-photo-card > button > span { font-size:12px; }
  #diaryView .editor-footer { padding:12px; }
  #diaryView .delivery-heading .kicker { font-family:var(--bs-font-family); font-size:14px; font-weight:500; letter-spacing:0; text-transform:none; color:#526975; }
  #diaryView .older-diaries-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:48px; padding:12px 16px; border:0; border-radius:10px; background:#fff; color:#203848; font:600 16px var(--bs-font-family); text-align:left; cursor:pointer; }
  #diaryView .older-diaries-toggle[aria-expanded="true"] > span { transform:rotate(180deg); }
  #diaryView .day-list-card:not(.older-diaries-open) > :not(.older-diaries-toggle) { display:none!important; }
  #diaryView .day-list-card { min-height:0; }
  #diaryView .diary-context-bar { display:grid; grid-template-columns:minmax(0,1fr) 44px; align-items:center; gap:8px; }
  #diaryView .diary-utility-actions { align-self:center; padding:0; }
  #diaryView .diary-date-copy strong { font-size:22px; }
  #diaryView .diary-date-picker { column-gap:7px; row-gap:4px; }
  /* Keep live announcements available without occupying mobile header space. */
  #diaryView #saveState { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
  #diaryView .diary-field-footer { grid-template-columns:minmax(0,1fr) auto; }
  #diaryView .diary-field-controls .remote { max-width:100px; overflow-wrap:anywhere; }
}