.publication-period{border-block:1px solid var(--border);margin-block:8px 12px;padding-block:12px}.period-toolbar{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.period-toolbar h2{font-size:12px;font-weight:500}.period-toolbar [data-slot=toggle-group-item]{min-height:32px;font-size:12px}.period-zone{color:var(--muted-foreground);margin-left:auto;font-size:11px}.period-navigation{align-items:center;gap:12px;margin-top:14px;display:flex}.period-current{text-align:center;flex:1;min-width:0}.period-current strong{font-size:15px;font-weight:600;display:block}.period-current span{color:var(--muted-foreground);margin-top:3px;font-size:11px;display:block}@media (max-width:800px){.period-toolbar{gap:10px}.period-toolbar h2{flex-basis:100%}.period-toolbar [data-slot=toggle-group]{flex:1}.period-toolbar [data-slot=toggle-group-item]{flex:1;min-height:38px;padding-inline:7px}.period-zone{margin-left:0}.period-navigation{flex-wrap:wrap;justify-content:space-between;gap:10px}.period-current{text-align:left;flex-basis:100%;order:-1}.period-navigation>button{white-space:normal;max-width:calc(50% - 5px);height:auto;min-height:36px;font-size:10px}}