.focused-detail{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}
.focused-detail[hidden],.field-label[hidden]{display:none!important}
.focused-detail h2{margin:0 0 16px;font-size:1.35rem;line-height:1.5}
.focused-detail h3{margin:0 0 12px;font-size:1rem;line-height:1.6}
.focused-detail p{line-height:1.85;margin:12px 0 20px;overflow-wrap:anywhere}
.focused-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.focused-stats>div{padding:16px;background:#f7f7f5;border:1px solid var(--line);border-radius:8px}
.focused-stats span,.focused-stats strong{display:block}.focused-stats strong{font-size:1.3rem;margin-top:8px}
.focused-table-wrap{overflow-x:auto;margin:20px 0}.focused-detail table{width:100%;border-collapse:collapse;font-size:.92rem}
.focused-detail th,.focused-detail td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;line-height:1.7}
.focused-detail th{background:#f7f7f5}.focused-detail td{font-variant-numeric:tabular-nums}
.cycle-legend{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.cycle-legend span{padding:8px 12px;border-radius:6px;font-size:.85rem}
.cycle-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.cycle-summary section{background:#f7f7f5;padding:16px;border-radius:8px}.cycle-summary p{font-size:.86rem;margin-bottom:0}
.cycle-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cycle-month{border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0}
.cycle-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.cycle-grid span{padding:8px 0;font-size:.82rem;min-width:0}.cycle-day{border-radius:5px}
.period{background:#fce7ee;color:#80314b}.fertile{background:#e8f3eb;color:#285539}.ovulation{background:#e9e5fc;color:#4a3683;box-shadow:inset 0 -3px #8671c8}.cycle-day.period{border-top:3px solid #c56a8b}
.weekday{color:var(--muted);font-weight:600}
.focused-detail .cycle-summary section,.focused-detail .cycle-month{margin:0}
@media(max-width:600px){.focused-detail{padding:18px 14px}.cycle-summary,.cycle-months{grid-template-columns:1fr}.focused-stats{grid-template-columns:1fr}.focused-detail th,.focused-detail td{padding:10px 6px;font-size:.8rem}.cycle-month{padding:14px 10px}}