.site-clock { position: relative; font-size: .8rem; white-space: nowrap; }
.site-clock summary { cursor: pointer; list-style: none; padding: .4rem; }
.site-clock summary::-webkit-details-marker { display: none; }
.site-calendar { position: absolute; z-index: 20; right: 0; top: 100%; padding: 1rem; background: var(--surface, #fff); color: var(--ink, #171717); border: 1px solid currentColor; border-radius: .6rem; box-shadow: 0 .4rem 1.2rem #0003; }
.site-calendar table { border-collapse: collapse; margin: .4rem 0; text-align: center; }
.site-calendar th, .site-calendar td { width: 2rem; height: 1.8rem; font-size: .8rem; }
.site-calendar .today { font-weight: 700; text-decoration: underline; }
@media (max-width: 650px) { .site-clock { font-size: .7rem; } }