.daily-log-audience{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:2rem;align-items:center}
.daily-log-notebook{margin:0;align-self:center}
.daily-log-notebook img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:32px 8px 8px 8px}
.handoff-fields{list-style:none;counter-reset:handoff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;margin:1.5rem 0}
.handoff-fields>li{counter-increment:handoff;position:relative;min-width:0;padding:1.2rem 1.2rem 1.2rem 3.2rem;border:1px solid #d5dcd0;border-radius:8px;background:#f3f4eb}
.handoff-fields>li::before{content:counter(handoff);position:absolute;inset-block-start:1.25rem;inset-inline-start:1rem;font:700 15px/1.4 Arial,sans-serif;color:#204e3e}
[data-public-renewal] .handoff-fields h3{font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;letter-spacing:0;line-height:1.4;margin:0 0 .45rem}
.handoff-fields p{font-size:.94rem;line-height:1.55;margin:0}
.handoff-safety{font-size:.94rem}
.handoff-care-system{padding:1.5rem;margin-block-start:1.75rem;border:1px solid #c7d4bf;border-radius:8px;background:#e9eddf}
[data-public-renewal] .handoff-care-system h3{margin:0 0 1rem;font-size:1.8rem}
.handoff-care-system .small{margin-block-end:0}
@media(max-width:700px){.daily-log-audience{grid-template-columns:minmax(0,1fr);gap:1.25rem}.daily-log-notebook{max-width:280px;justify-self:center}.handoff-fields{grid-template-columns:minmax(0,1fr)}.handoff-care-system{padding:1.1rem}}
@media print{.daily-log-audience{display:block}.daily-log-notebook,.handoff-care-system{display:none}.handoff-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.handoff-fields>li{break-inside:avoid;background:transparent}}
.daily-log-sheet{background:#fffef9!important;border:1px solid #9aa99b!important}
.daily-log-brand{font:700 .8rem/1.4 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
[data-public-renewal] .daily-log-sheet h2{font-size:2.1rem;margin:.5rem 0}
[data-public-renewal] .daily-log-sheet h3{font:700 1rem/1.4 Arial,sans-serif;margin:1.2rem 0 .4rem}
.daily-log-sheet-note{font-size:.9rem;line-height:1.5;margin:.5rem 0}
.log-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.5rem}
.log-meta p{margin:.5rem 0;font-size:.9rem}
.log-line{display:block;height:1.6rem;border-bottom:1px solid #718377}
.daily-log-sheet table{width:100%;table-layout:fixed;border-collapse:collapse;margin:.7rem 0}
.daily-log-sheet th,.daily-log-sheet td{border:1px solid #718377;padding:.5rem;overflow-wrap:anywhere}
.daily-log-sheet th:first-child{width:18%}
.daily-log-sheet td{height:2.6rem}
.log-writing{height:3.2rem;background:repeating-linear-gradient(to bottom,transparent 0,transparent 1.55rem,#aab6ac 1.55rem,#aab6ac 1.6rem)}
.log-writing-short{height:1.6rem}
.daily-log-sheet-safety,.daily-log-sheet-footer{font-size:.8rem;line-height:1.45;margin:1rem 0 0}
@media(max-width:480px){.log-meta{grid-template-columns:minmax(0,1fr)}[data-public-renewal] .daily-log-sheet h2{font-size:1.7rem}.daily-log-sheet{padding:1.2rem!important}}
@media print{
 @page{size:letter portrait;margin:.45in}
 body.daily-log-page[data-public-renewal]{background:white!important;color:#111!important;font-size:10pt!important}
 .daily-log-page .content-main> :not(.daily-log-sheet){display:none!important}
 .daily-log-page .content-main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 .daily-log-page .daily-log-sheet{display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:white!important;margin:0!important;padding:0!important;break-inside:avoid}
 .daily-log-page .daily-log-sheet h2{font-size:22pt!important;margin:4pt 0!important}
 .daily-log-page .daily-log-sheet h3{font-size:10pt!important;margin:9pt 0 3pt!important}
 .daily-log-page .daily-log-brand{font-size:8pt;margin:0}
 .daily-log-page .daily-log-sheet-note{font-size:8.5pt;line-height:1.35;margin:4pt 0}
 .daily-log-page .log-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:4pt 16pt}
 .daily-log-page .log-meta p{font-size:9pt;margin:3pt 0}
 .daily-log-page .log-line{height:15pt}
 .daily-log-page .daily-log-sheet table{margin:5pt 0}
 .daily-log-page .daily-log-sheet th,.daily-log-page .daily-log-sheet td{padding:5pt;font-size:9pt}
 .daily-log-page .daily-log-sheet td{height:25pt}
 .daily-log-page .log-writing{height:32pt;background:none;border-bottom:1px solid #718377}
 .daily-log-page .log-writing-short{height:17pt}
 .daily-log-page .daily-log-sheet>p{margin:5pt 0}
 .daily-log-page .daily-log-sheet-safety,.daily-log-page .daily-log-sheet-footer{font-size:8pt;line-height:1.35;margin:8pt 0 0}
}

.daily-log-page[data-public-renewal] .content-card>p.daily-log-guide-intro{max-width:none}

/* Screen presentation stays separate from the one-page printable sheet. */
@media screen {
 .daily-log-page #blank-daily-log,.daily-log-page #shift-handoff{scroll-margin-top:1.5rem}
 .daily-log-page[data-public-renewal] .daily-log-print-intro{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:0;padding-bottom:0}
 .daily-log-print-intro h2{margin:0 0 .65rem}
 .daily-log-print-intro p{margin:0}
 .daily-log-print-intro .button{flex-shrink:0}
 .daily-log-page[data-public-renewal] .daily-log-sheet{max-width:880px;padding:2rem 2.5rem;border-radius:6px;box-shadow:0 5px 20px #203f3509}
 .daily-log-page[data-public-renewal] .daily-log-sheet>p{max-width:none}
 .daily-log-sheet table{border-radius:0}
 .daily-log-sheet .log-writing-short{background:none;border-bottom:1px solid #718377}
 .daily-log-page[data-public-renewal] .handoff-fields{max-width:none;gap:1rem}
 .daily-log-page .handoff-fields>li{margin:0}
 .daily-log-fields-table table{min-width:640px}
 .daily-log-fields-table th:first-child{width:20%}
 .daily-log-fields-table th:nth-child(2){width:48%}
 .daily-log-fields-table tbody tr:nth-child(even){background:#f5f6ef}
 @media(max-width:700px){
  .daily-log-page[data-public-renewal] .daily-log-print-intro{align-items:flex-start;flex-direction:column;gap:1rem}
  .daily-log-page[data-public-renewal] .daily-log-sheet{padding:1.25rem}
  .daily-log-print-intro .button{width:100%}
 }
 @media(max-width:480px){
  .daily-log-sheet th:first-child{width:24%}
 }
}
