.field-notes-page { margin:0; color:#303b2e; background:#eeeadd; }
.field-notes-page > .masthead { display:none !important; }
#field-notes { display:flex; flex-direction:column; height:100vh; height:100dvh; max-width:none; margin:0; padding:0; }
#field-notes [hidden] { display:none !important; }
.notes-bar { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:clamp(12px,2vh,24px) clamp(16px,3vw,48px); border-bottom:1px solid #c8c9b8; background:#f6f1e6; }
.notes-kicker { margin:0 0 .45rem; color:#526956; font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; }
.notes-bar h1, .notes-editor h2, #notes-printout h2 { margin:0; font:400 clamp(28px,3.5vw,46px)/1.08 var(--serif); }
.notes-actions,.notes-mobile-tools,.notes-switch { display:flex; align-items:center; gap:.55rem; }
.notes-button,.notes-close,.notes-switch button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 1rem; border:1px solid #a9b39b; border-radius:100px; color:#374a32; background:#f8f6ec; font:inherit; font-size:.95rem; text-decoration:none; cursor:pointer; }
.notes-print,.notes-switch button[aria-pressed=true] { color:#fff; background:#44583a; }
.notes-close { width:44px; border-radius:0; padding:0; }
.notes-mobile-tools { display:none; }
.notes-workspace { flex:1; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(16px,3vw,52px); padding:clamp(12px,2vh,28px) clamp(20px,3vw,60px); background:radial-gradient(ellipse at 15% 30%,#d8e0cd,transparent 65%),#eae6d8; }
.notes-sheet { margin:0; display:grid; min-height:0; grid-template-rows:minmax(0,1fr) auto; justify-items:center; gap:8px; }
.notes-sheet img { display:block; width:auto; height:auto; max-height:100%; max-width:100%; align-self:center; object-fit:contain; box-shadow:0 4px 18px #343b2922; }
.notes-sheet figcaption { font-size:.78rem; }
.notes-sheet a { color:#42513c; text-underline-offset:3px; }
.notes-editor { position:relative; min-height:0; padding:12px; background:#fbf8f0; box-shadow:0 4px 18px #343b2920; }
.notes-editor::before { content:""; position:absolute; inset:8px; border:1px solid #899674; pointer-events:none; }
.notes-editor::after { content:""; position:absolute; top:0; right:24px; width:36px; height:20px; background:#fbf8f0 url('/assets/email/weekly/leaf-05dc9a7fa782.png') center / contain no-repeat; pointer-events:none; }
.notes-scroll { height:100%; overflow:auto; padding:clamp(12px,2vw,32px); }
.notes-editor h2 { font-size:clamp(28px,2.4vw,38px); }
.notes-help { margin:.5rem 0 1.25rem; color:#59634e; line-height:1.4; }
.notes-metadata { display:grid; grid-template-columns:1fr 1fr; gap:0 1rem; }
.note-field { min-width:0; margin-bottom:1rem; }
.note-field label { display:block; font:400 1.4rem/1.2 var(--serif); margin-bottom:.35rem; }
.note-field input,.note-field textarea,#copy-text { box-sizing:border-box; width:100%; min-height:44px; border:1px solid #c5cbb8; background:#fffdf7; border-radius:4px; font:inherit; font-size:16px; padding:9px 12px; color:#303b2e; }
.note-field textarea { display:block; resize:vertical; }
#journal-status { margin:0; color:#384831; background:#f5f2e6; text-align:center; }
#journal-status:not(:empty) { padding:.4rem; }
#notes-printout { display:none; }
#manual-copy { padding:12px; background:#f8f6ec; }
#manual-copy textarea { display:block; margin:.4rem 0; }
#field-notes :focus-visible { outline:2px solid #75533c; outline-offset:2px; }
@media (max-width:959px) {
  #field-notes { min-height:100dvh; height:auto; }
  .notes-bar { align-items:flex-start; padding:12px 14px; }
  .notes-bar h1 { font-size:clamp(25px,6vw,36px); }
  .notes-actions .notes-download,.notes-actions .notes-print { display:none; }
  .notes-mobile-tools { display:flex; justify-content:space-between; padding:8px 12px; background:#f6f1e6; flex-wrap:wrap; }
  .notes-switch { gap:0; background:#e6e9da; border-radius:100px; }
  .notes-switch button { background:transparent; border-color:transparent; padding:0 .8rem; }
  .notes-switch button[aria-pressed=true] { background:#44583a; }
  .notes-mobile-tools .notes-button { padding:0 .8rem; }
  .notes-workspace { display:block; padding:12px; }
  .notes-sheet { display:flex; flex-direction:column; align-items:center; }
  .notes-sheet img { max-height:calc(100dvh - 185px); }
  .notes-editor { margin-top:12px; }
  #field-notes[data-view=write] .notes-sheet,#field-notes[data-view=illustration] .notes-editor { display:none; }
  #field-notes[data-view=write] .notes-editor { margin:0; }
  .notes-scroll { height:auto; padding:14px; }
  .notes-metadata { gap:0 .65rem; }
  #journal-status:not(:empty),#manual-copy { position:sticky; bottom:0; z-index:1; }
}
@media print {
  @page { margin:12mm; }
  html,.field-notes-page { background:white; height:auto; overflow:visible; }
  .field-notes-page > :not(main),#field-notes > :not(.notes-workspace):not(#notes-printout),#field-notes .notes-editor,#field-notes figcaption { display:none !important; }
  #field-notes,#field-notes .notes-workspace,#field-notes .notes-sheet { display:block !important; height:auto; min-height:0; margin:0; padding:0; background:white; }
  #field-notes .notes-sheet img { width:auto; height:245mm; max-height:none; max-width:100%; margin:auto; object-fit:contain; box-shadow:none; }
  #field-notes.has-writing .notes-workspace { display:none !important; }
  #field-notes.has-writing #notes-printout { display:block; }
  #notes-printout { color:#222; }
  #notes-printout h2 { margin-bottom:1.5rem; }
  #notes-printout h3 { margin:1rem 0 .25rem; break-after:avoid; font:400 17pt var(--serif); }
  #notes-printout p { white-space:pre-wrap; overflow-wrap:anywhere; margin:0; font:11pt/1.5 Georgia,serif; }
}