.public-formula-periods { margin-block: 2rem; max-width: 60rem; }
.public-formula-periods h2 { margin: .3rem 0 .7rem; font-size: clamp(1.4rem, 3vw, 2rem); letter-spacing: -.025em; }
.public-formula-periods p { max-width: 52rem; line-height: 1.6; }
.public-formula-periods-note { font-size: .9rem; opacity: .78; }
.public-formula-month { border-top: 1px solid rgba(145, 160, 184, .25); }
.public-formula-month:last-child { border-bottom: 1px solid rgba(145, 160, 184, .25); }
.public-formula-month summary { padding: .85rem 0; cursor: pointer; font-weight: 600; }
.public-formula-month ul { display: flex; flex-wrap: wrap; gap: .35rem 1.6rem; list-style: none; padding: 0; margin: 0 0 .8rem; }
.public-formula-month a { display: inline-flex; align-items: baseline; gap: .4rem; padding: .55rem 0; text-underline-offset: .2em; }
.public-formula-month a span { font-size: .8em; opacity: .7; }
.public-formula-month :is(a, summary):focus-visible { outline: 2px solid #4b9dff; outline-offset: 4px; border-radius: 3px; }
@media (max-width: 40rem) { .public-formula-month li { flex-basis: calc(50% - .8rem); } }