.cycle-observation-fields{display:grid;gap:2px}
.cycle-observation-report{margin-top:22px}
.cycle-observation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cycle-observation-summary article{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.cycle-observation-summary span{display:block;color:var(--muted);font-size:11px;line-height:1.35}
.cycle-observation-summary strong{display:block;margin-top:7px;font-family:"Playfair Display",serif;font-size:28px;color:var(--ink)}
.cycle-recent-observations{margin-top:22px}
.cycle-recent-observations>h3{margin-bottom:12px}
.cycle-recent-observations>article{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.cycle-recent-observations time{font-weight:600;color:var(--ink)}
.cycle-recent-observations article div{display:flex;flex-wrap:wrap;gap:7px 16px}
.cycle-recent-observations article span{color:var(--muted);font-size:12px}
.cycle-recent-observations article b{color:var(--ink)}
@media(max-width:800px){.cycle-observation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cycle-recent-observations>article{grid-template-columns:1fr;gap:7px}.cycle-recent-observations article div{display:grid}}