/* Minimal retro (1999-lite): readable, no gimmicks */
:root{
  --bg:#0b2230;           /* deep denim */
  --paper:#0e2a36;        /* dark panel */
  --ink:#e9fff6;          /* text */
  --muted:#a9d7ca;        /* secondary */
  --link:#9effd6;         /* aqua */
  --link-visited:#b2a8ff; /* visited */
  --accent:#ffdd57;       /* yellow */
  --rule:#365b69;         /* borders */
}
html,body{height:100%}
body{
  margin:0;
  background:
    #001018 url('data:image/gif;base64,R0lGODlhEAAQAKIAAAAAAP///wAANl+Zmf///wAAAAAAAAAAACH5BAEAAAMALAAAAAAQABAAAAQ/EMhJq7046827/2AojmZxHqgVgCkJrWmZr6a4r1mJYJm1zR7hN4QkqgJwqgT1oEwQxJ1SgEAgA7') repeat;
  color:var(--ink);
  font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  image-rendering: pixelated;
}
a{color:var(--link)} a:visited{color:var(--link-visited)} a:hover{text-decoration:underline}
.wrap{max-width:860px;margin:24px auto;padding:0 12px}
header.site{background:var(--paper);border:2px ridge var(--rule);box-shadow:0 0 0 3px #21424f; padding:10px 12px}
header.site h1{margin:0;font-size:22px;color:var(--accent)}
header.site p{margin:2px 0 0;color:var(--muted);font-size:14px}
nav.top{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}
nav.top a{padding:4px 8px;background:#0c2733;border:2px outset #4b7b8f;color:#def;text-decoration:none}
nav.top a:hover{background:#9effd6;color:#002028;border-style:inset}

main{margin-top:16px}
.list{display:grid;gap:12px}
article.post{background:#0c2733;border:2px groove var(--rule);box-shadow:0 0 0 3px #21424f;padding:10px}
.post h2{margin:0 0 6px;font-size:20px;color:var(--accent)}
.meta{font-size:13px;color:var(--muted);margin-bottom:6px}
.post p{margin:0 0 8px}
.readmore{font-size:14px}
hr.sep{border:0;border-top:2px groove var(--rule);margin:16px 0}

.resume{display:grid;gap:18px}
.resume-block{background:#0c2733;border:2px groove var(--rule);box-shadow:0 0 0 3px #21424f;padding:14px}
.resume-block h2{margin:0 0 10px;font-size:18px;color:var(--accent);text-transform:uppercase;letter-spacing:0.05em}
.resume-item+.resume-item{margin-top:12px}
.resume-item h3{margin:0;font-size:16px;color:var(--ink)}
.resume-item .role{margin:2px 0 6px;font-size:14px;color:var(--muted)}
.resume-item ul{margin:0;padding-left:18px;font-size:14px;color:var(--ink)}
.resume-item ul li{margin-bottom:6px}
.resume-item ul li:last-child{margin-bottom:0}

.posts-empty .post{min-height:120px;display:flex;flex-direction:column;gap:6px;justify-content:center}
.posts-empty .post *{color:transparent}
.posts-empty .post{position:relative}
.posts-empty .post::after{content:"";position:absolute;inset:8px;border:1px dashed var(--rule);opacity:0.4}

aside ul{margin:0;padding-left:18px;font-size:14px;color:var(--ink)}
aside ul li{margin-bottom:6px}
aside ul li:last-child{margin-bottom:0}

aside.sidebar{margin-top:16px;background:var(--paper);border:2px ridge var(--rule);box-shadow:0 0 0 3px #21424f;padding:10px}
aside h3{margin:0 0 6px;font-size:16px;color:var(--accent)}

footer.site{margin:16px 0;color:var(--muted);text-align:center}
footer.site a{color:var(--accent)}

@media (min-width:900px){
  .grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}
}