/* Galactic.cat – retro space-age theme */
:root{
  --paper:#f3e9d2; --ink:#1d2b3a; --space:#14213d; --orange:#e76f2e;
  --teal:#2a9d8f; --mustard:#e9b44c; --muted:#6b6455;
  --mono:"Courier New",Courier,monospace;
  --display:"Futura","Trebuchet MS","Century Gothic",Verdana,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 var(--mono)}
a{color:var(--orange);font-weight:bold}
a:hover{color:var(--teal)}
.site-header{
  background:
    radial-gradient(1.5px 1.5px at 12% 30%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 28% 70%,#fff 50%,transparent 51%),
    radial-gradient(2px 2px at 47% 25%,var(--mustard) 50%,transparent 51%),
    radial-gradient(1px 1px at 63% 60%,#fff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 78% 22%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 90% 75%,#fff 50%,transparent 51%),
    var(--space);
  color:var(--paper);text-align:center;padding:2.5rem 1rem 1.5rem;
  border-bottom:10px solid var(--orange);
  box-shadow:0 10px 0 var(--mustard),0 20px 0 var(--teal);
  margin-bottom:3.5rem}
.site-title{font:bold 2.8rem/1.1 var(--display);letter-spacing:.12em;text-transform:uppercase;margin:0}
.site-title a{color:inherit;text-decoration:none}
.site-title span{color:var(--orange)}
.tagline{margin:.4rem 0 1rem;color:var(--mustard);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem}
.lang{font-size:.85rem}
.lang a,.lang strong{display:inline-block;padding:.1rem .8rem;border:2px solid var(--mustard);
  border-radius:999px;margin:0 .2rem;text-decoration:none;color:var(--mustard)}
.lang strong{background:var(--mustard);color:var(--space)}
.lang a:hover{background:var(--teal);border-color:var(--teal);color:#fff}
main{max-width:720px;margin:0 auto;padding:0 1.2rem 3rem}
h1,h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;line-height:1.2}
main h1{font-size:2rem;margin:.2rem 0 .5rem}
h2{font-size:1.3rem;color:var(--teal);margin-top:2rem}
.intro{background:#fff8e6;border:3px solid var(--ink);border-radius:14px;padding:1rem 1.4rem;
  box-shadow:6px 6px 0 var(--orange)}
.intro h2{margin-top:0}
.post-list{list-style:none;padding:0;margin:1rem 0}
.post-list li{border-bottom:2px dashed var(--muted);padding:.9rem 0}
.post-list time,.date{display:block;color:var(--muted);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase}
.post-list a{font:bold 1.15rem var(--display);text-decoration:none}
.post-list p{margin:.2rem 0 0}
.back{font-size:.9rem}
article blockquote{margin:1.5rem 0;padding:.5rem 1.2rem;border-left:8px solid var(--orange);background:#fff8e6}
.site-footer{text-align:center;color:var(--muted);font-size:.8rem;padding:2rem 1rem;border-top:6px double var(--ink)}
@media(max-width:520px){body{font-size:16px}.site-title{font-size:2rem}}
.more{text-align:right;font:bold 1rem var(--display);text-transform:uppercase;letter-spacing:.08em}