.bleeding-quick{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.bleeding-quick p{font-size:13px;line-height:1.5;color:var(--muted)}.flow-options{display:flex;flex-wrap:wrap;gap:8px}.flow-options button{padding:11px 12px;border:1px solid #cdb8c1;border-radius:22px;background:#fff;color:var(--plum);font-size:12px;font-weight:700;min-height:44px}.flow-options button.selected{background:var(--plum);color:white;box-shadow:0 0 0 2px #e3c5cf}.period-details{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0}.period-details summary{font-size:13px;font-weight:700;cursor:pointer;color:var(--plum);padding:6px 0}.period-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.period-detail-grid label,.period-section-head label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.period-checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;font-size:13px!important;margin:18px 0!important}.period-checkbox input{width:18px;height:18px;accent-color:var(--plum)}.period-review,.period-reminder,.period-export{margin-top:22px}.period-review h2,.period-export h2{font:400 35px 'Libre Caslon Display',Georgia,serif;margin:8px 0 20px}.period-review p,.period-export p,.period-reminder p{font-size:14px;line-height:1.6;color:var(--muted)}.period-section-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.period-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.period-metrics>div{background:#f5eeeb;padding:18px}.period-metrics strong{display:block;font:400 33px 'Libre Caslon Display',Georgia,serif;color:var(--plum)}.period-metrics span{display:block;font-size:12px;line-height:1.5;margin-top:8px;color:var(--muted)}.period-estimate{padding:22px;background:#eee5ed;border-left:3px solid var(--plum);margin:24px 0}.period-estimate h3{font:400 27px 'Libre Caslon Display',Georgia,serif;margin:10px 0}.period-episode{display:flex;gap:20px;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.period-episode h3{font-size:16px;line-height:1.5;margin:0}.period-episode p{margin:7px 0}.period-episode button{align-self:start;white-space:nowrap}.period-day-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0;font-size:13px}.period-reminder{background:#f5e9dd;border-color:#d2b99f}.period-reminder h3{font-size:20px}.period-report-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.period-report-table{overflow-x:auto}.period-report-table table{width:100%;border-collapse:collapse;font-size:12px}.period-report-table th,.period-report-table td{padding:10px;border:1px solid #d6c7cc;text-align:left;vertical-align:top;overflow-wrap:anywhere}.period-report-table th{background:#f3eae7}.period-day-detail{font-size:13px;color:var(--plum)}.cycle-summary{display:none}.calendar-day.period.flow-light,.key-flow-light{background:#eed0da!important;color:#482b34!important}.calendar-day.period.flow-moderate,.key-flow-moderate{background:#bb708b!important;color:#fff!important}.calendar-day.period.flow-heavy,.key-flow-heavy{background:#682d46!important;color:white!important}.calendar-day.period-start>span:first-child::after{content:'●';font-size:6px;margin-left:3px;vertical-align:middle}.calendar-day.is-selected{outline:2px solid var(--plum);outline-offset:2px}#cycle-form{scroll-margin-top:100px}.nav-group{position:relative}.nav-group>summary{list-style:none;display:flex;gap:8px;align-items:center;cursor:pointer;font-size:12px;font-weight:700;padding:10px 0;min-height:44px}.nav-group>summary::-webkit-details-marker{display:none}.nav-group.has-active-page>summary{color:var(--rose);text-decoration:underline;text-underline-offset:7px}.nav-group-pages{position:absolute;top:100%;left:0;min-width:230px;background:#fffefa;border:1px solid var(--line);padding:10px;box-shadow:0 12px 30px #31212b22;z-index:40;display:flex;flex-direction:column;gap:4px}.site-header .nav-group-pages .nav{text-align:left;width:100%;padding:12px;min-height:44px;white-space:normal}.site-header .nav.active{background:#f4e8ed;color:var(--plum);border-radius:4px}.site-header .nav-group-pages .nav:hover{background:#f4e8ed}.site-header nav>.nav{min-height:44px}.site-header nav{gap:20px!important}.site-header .byline{display:none}.nav-group:last-child .nav-group-pages{left:auto;right:0}
@media(max-width:1200px){.site-header nav{max-height:calc(100dvh - 65px);overflow-y:auto;gap:8px!important}.nav-group{width:100%;border-top:1px solid var(--line)}.nav-group>summary{padding:12px 10px;justify-content:space-between}.nav-group-pages{position:static;box-shadow:none;border:0;border-left:2px solid #dbc0ca;margin:0 10px;padding:0 0 0 10px;min-width:0}.nav-group:last-child .nav-group-pages{position:static}.site-header nav>.nav{text-align:left}.period-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.period-detail-grid{grid-template-columns:1fr}.period-section-head{flex-direction:column;gap:8px}.period-section-head label{width:100%}.period-metrics{gap:8px}.period-metrics>div{padding:14px}.period-episode{flex-direction:column;gap:5px}.period-report-actions .button{width:100%}.period-report-table table{min-width:520px}}
@media print{.period-report-table{overflow:visible}.period-report-table table{min-width:0;width:100%;font-size:10px}.period-report-table th,.period-report-table td{padding:7px}.period-report-table thead{display:table-header-group}.period-report-table tr{break-inside:avoid}.period-report-table th{background:white}#print-area{padding:0}}