*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:"Courier New",Courier,monospace;
  font-size:16px;line-height:1.5;
  background:var(--bg);color:var(--fg);
  min-height:100vh;display:flex;flex-direction:column
}
:root{--bg:#fff;--fg:#000;--border:#999;--accent:#666;--link-hover:#8ab4f8}
@media(prefers-color-scheme:dark){
  :root:not(.theme-light){--bg:#000;--fg:#fff;--border:#666;--accent:#999;--link-hover:#8ab4f8}
}
:root.theme-dark{--bg:#000;--fg:#fff;--border:#666;--accent:#999;--link-hover:#8ab4f8}
:root.theme-light{--bg:#fff;--fg:#000;--border:#999;--accent:#666;--link-hover:#8ab4f8}
.container{max-width:960px;margin:0 auto;padding:1.5em;width:100%;flex:1;display:flex;flex-direction:column}
header{text-align:center}
header h1{font-size:1em;font-weight:400;padding:.6em 0}
.hr{border:none;height:1.2em;line-height:1.2;overflow:hidden;position:relative}
.hr::before{
  content:"========================================================================================================================================================================================================================================================================================================================================================";
  position:absolute;left:0;top:0;white-space:nowrap;
  color:var(--border)
}
.layout{flex:1;display:grid}
.dates{grid-row:1/-1}
.content-area{padding:.6em 0 .6em 1em;position:relative}
.dates{
  border-right:1px solid var(--border);
  padding:.6em 1em .6em 0
}
.dates a{
  display:block;text-decoration:none;color:inherit;
  padding:.2em 0;line-height:1.4
}
.dates a:hover{color:var(--link-hover)}
.dates a + a{margin-top:.9em}
.tag-cloud{line-height:1.8;word-break:break-all;margin-bottom:1.2em}
.tag-cloud a{display:inline;text-decoration:none;color:inherit}
.tag-cloud a:hover{color:var(--link-hover)}.tag-cloud .tag-active::before{content:"["}.tag-cloud .tag-active::after{content:"]"}
.tag-link.tag-active::before{content:"["}.tag-link.tag-active::after{content:"]"}
.nav-sep{color:var(--accent);margin:.6em 0;word-break:break-all}
.cat-filter{text-align:center;padding:.6em 0}
.cat-filter a{text-decoration:none;color:inherit;margin:0 .4em}
.cat-filter a:hover{color:var(--link-hover)}
.cat-filter a.active{color:#2020f0;font-weight:bold}
.content-area h2{font-size:1em;font-weight:400;margin-bottom:0}
.content-area .subtitle{color:var(--accent);margin-bottom:.5em}
.content-area .post-tags{color:var(--accent);margin-bottom:.8em;font-size:.9em}
.content-area .post-tags a{color:var(--accent);text-decoration:none}
.content-area .post-tags a:hover{color:var(--link-hover)}
.content-area p + p{margin-top:.5em}
.content-area code{font-size:inherit}
.content-area .teaser{margin-bottom:1.5em;transition:background-color 1.5s ease;scroll-margin-top:48px}
.content-area .teaser.highlight-article{background-color:#e8e8e8;transition:none}
.content-area .teaser h2{font-size:1em;font-weight:400;margin-bottom:0}
.content-area .teaser h2 a{color:inherit;font-weight:bold;text-decoration:none}
.content-area .teaser h2 a:hover{color:var(--link-hover)}
.content-area .teaser .subtitle{margin-bottom:0}
.content-area .teaser-body{color:var(--accent);margin:.3em 0}
.content-area .read-more{color:inherit;text-decoration:none}
.content-area .read-more:hover{color:var(--link-hover)}
.content-area article + article{margin-top:1.5em}
.entry{margin-bottom:1em}
.entry-datetime{font-size:.85em;line-height:1.3;color:var(--accent)}
.entry-title{font-size:.85em;display:block;padding-left:1em}
.cat-tags{font-size:.85em;margin-bottom:.6em;line-height:1.5}
.cat-tags a{display:inline;padding:0;margin:0;text-decoration:none;color:var(--accent)}
.cat-tags a:hover{color:var(--link-hover)}
.section-header,.section-header:hover,.section-body,.section-open>.section-body,.month-header+.section-body{}
.month-header{cursor:pointer;user-select:none;padding:.3em 0;color:var(--accent)}
.month-header:hover{color:var(--link-hover)}
.month-body{display:none;padding-left:0;margin-bottom:.4em}
.month-body.open{display:block}
.arrow{display:inline-flex;align-items:center;justify-content:center;width:calc(1em + 1px);height:calc(1em + 1px);margin-top:-1px;border:1px solid currentColor;border-radius:4px;vertical-align:middle;box-sizing:border-box;line-height:1}.arrow-svg{display:block;width:calc(.65em + 1px);height:calc(.65em + 1px);transition:transform .2s}.arrow.open .arrow-svg{transform:rotate(90deg)}
.dates-accordion .day-link{display:inline;padding:0;margin:0;text-decoration:none;color:inherit}
.day-link:hover{color:var(--link-hover)}
.earlier-link{display:block;text-decoration:none;color:var(--accent);padding:.3em 0}
.earlier-link:hover{color:var(--link-hover)}
.archive-list h3{font-size:1em;font-weight:400;margin-top:1.5em;margin-bottom:0}
.archive-list hr{border:none;border-top:1px solid var(--accent);margin:1em 0;opacity:.3}
footer{text-align:center;padding:.4em 0}
footer p{line-height:1.6}
footer a{text-decoration:none;color:inherit}
footer a:hover{color:var(--link-hover)}
#theme-toggle{
  background:none;border:none;font:inherit;color:inherit;
  cursor:pointer;padding:0
}
#theme-toggle::before{content:"[🌙]"}
@media(prefers-color-scheme:dark){#theme-toggle::before{content:"[☀️]"}}
.theme-dark #theme-toggle::before{content:"[☀️]"}
.theme-light #theme-toggle::before{content:"[🌙]"}
@media(max-width:700px){
  .container{padding:1em}
  .layout{grid-template-columns:1fr;grid-template-rows:none}
  .dates,.content-area{grid-row:auto}
  .dates{
    border-right:none;border-bottom:1px solid var(--border);
    padding:.4em 0;display:flex;flex-wrap:wrap;gap:.4em 1.5em
  }
  .dates a{display:inline-block}
  .dates a + a{margin-top:0}
  .content-area{padding:.5em 0}
}
.pagination{display:flex;justify-content:center;align-items:center;padding:.6em 0;gap:1em}
.pagination a{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:.3em}
.pagination a:hover{color:var(--link-hover)}
.pagination-prev{flex:1;text-align:right}
.pagination-next{flex:1;text-align:left}
.pagination-info{flex-shrink:0;margin:0 70px}
.pagination-svg{display:inline-block;width:.65em;height:.65em}
.back-link{display:inline-flex;align-items:center;gap:.3em;margin-top:1.5em;text-decoration:none;color:inherit}
.back-link:hover{color:var(--link-hover)}
.back-svg{display:inline-block;width:.65em;height:.65em}
.scroll-btn{
  position:fixed;z-index:100;width:32px;height:32px;
  background:#fff;border:1px solid #000;border-radius:6px;
   box-shadow:3px 3px 3px rgba(0,0,0,.15);
  cursor:pointer;font:inherit;font-size:18px;line-height:1;
   color:#000;opacity:0;transition:opacity .3s,transform .3s;
  display:flex;align-items:center;justify-content:center
}
.scroll-btn.visible{opacity:0.4}.scroll-btn.visible:hover{opacity:1;transform:scale(1.1)}
.scroll-up{top:16px}
.scroll-down{bottom:16px}
@media(max-width:480px){
  .container{padding:.6em}
  .dates{gap:.3em 1em}
}