.diary-page { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 1.5; }
.diary-page a, .diary-page a:visited { color: #00e; text-decoration: underline; }
.diary-sidebar { padding: 32px; font-size: 16px; }
.diary-sidebar h1 { font-size: 20px; margin: 0; }
.diary-sidebar p { margin: 4px 0 0; }
.diary-muted { color: #808080; }
.diary-index { list-style: none; padding: 0; margin: 24px 0; }
.diary-month summary { cursor: pointer; }
.diary-month-entries { list-style: none; margin: 4px 0 8px 7px; padding-left: 16px; border-left: 1px solid #888; }
.diary-sidebar button { background: none; border: 0; padding: 0; color: #00e; cursor: pointer; text-decoration: underline; font-family: inherit; }
.diary-sidebar nav { color: #808080; }
.diary-sidebar .diary-home { margin-top: 24px; }
#diary-unlock { margin-top: 12px; }
#diary-code { width: 16ch; background: transparent; color: inherit; border: 0; border-bottom: 1px solid #888; }
#diary-code:focus { outline: none; border-bottom-color: currentColor; }
.diary-sidebar .diary-submit { margin-left: 4px; }
.diary-main { padding: 32px 32px 64px; }
.diary-post { max-width: 30em; margin-bottom: 48px; scroll-margin-top: 40px; overflow-wrap: anywhere; }
.diary-post h2 { font-size: inherit; font-weight: normal; margin: 0 0 12px; }
.diary-entry p { margin: 0 0 1em; }
.diary-entry blockquote { margin: 1em 0; padding-left: 20px; border-left: 1px solid #999; }
.diary-entry img { max-width: 100%; height: auto; }
.diary-entry pre { overflow-x: auto; }
.diary-entry.clamped { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 15; overflow: hidden; mask-image: linear-gradient(to bottom, #000 75%, transparent); }
.diary-locked { font-family: monospace; font-size: 16px; line-height: 1.5; color: #a3a3a3; word-break: break-all; }
.diary-more { margin-top: 12px; font: 14px Arial, sans-serif; cursor: pointer; }
.diary-decrypted { white-space: pre-wrap; }
.diary-post:target { animation: diary-flash 1.2s ease-out; }
.diary-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@keyframes diary-flash { from { background: #8883; } to { background: transparent; } }
@media (min-width: 1024px) {
  .diary-sidebar { position: fixed; inset: 0 auto 0 0; box-sizing: border-box; width: 320px; padding: 40px 32px 48px 64px; overflow-y: auto; }
  .diary-main { margin-left: 352px; padding: 96px 64px 64px 0; }
  .diary-post:nth-of-type(3n + 1) { margin-left: max(0px, calc((100% - 30em) * 0.432)); }
  .diary-post:nth-of-type(3n + 2) { margin-left: max(0px, calc((100% - 30em) * 0.084)); }
  .diary-post:nth-of-type(3n) { margin-left: max(0px, calc((100% - 30em) * 0.868)); }
  .diary-single .diary-post { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .diary-post:target { animation: none; } }