.period-nav{display:flex;align-items:center;gap:2px}.period-nav-disabled{visibility:hidden}.period-nav button{display:grid;place-items:center;width:44px;height:44px;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--ink);transition:background .15s ease,transform .15s ease}.period-nav #prev span,.period-nav #next span{font:400 30px/1 Georgia,serif;transform:translateY(-1px)}.period-nav #today{width:auto;padding:0 12px!important;border-radius:20px!important;color:var(--muted);font-size:13px;font-weight:600}.period-nav button:hover{background:#efede6!important;color:var(--ink)}.period-nav button:active{transform:scale(.92)}.period-nav button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}@media(max-width:760px){.app header{grid-template-columns:auto 1fr auto!important}.brand-select{grid-column:1/3!important;grid-row:1!important}.app header>#settings{grid-column:3!important;grid-row:1!important}.period-nav{grid-column:1/4!important;grid-row:2!important;justify-content:center;width:100%;min-width:0}.switch{grid-column:1/4!important;grid-row:3!important;justify-self:center}.search-box{grid-column:1/4!important;grid-row:4!important;min-width:0}.period-nav button{width:48px;height:48px}.period-nav #today{width:auto;padding:0 15px!important}.period-nav #prev span,.period-nav #next span{font-size:32px}}