:root{
  --bg:#ffffff;
  --ink:#141414;
  --muted:#666;
  --border:#e5e5e5;
  --accent:#ff0095;
  --accent-ink:#ff66fa;
  --card:#fff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.55;
}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:.75rem 0;border-bottom:1px solid var(--border);
}
.logo{font-weight:900;text-decoration:none;color:var(--ink);}
.nav a{margin-left:1rem;text-decoration:none;color:var(--ink)}
.hero{text-align:center;padding:1.5rem 0;border-bottom:1px solid var(--border)}
.brand{font-size:2.25rem;margin:0}
.tagline{color:var(--muted);margin:.25rem 0 0}
.front-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:1.5rem;margin-top:1.5rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{border:1px solid var(--border);border-radius:12px;padding:1rem;background:var(--card);transition:transform .05s ease}
.card:hover{transform:translateY(-1px)}
.card h3{margin:.25rem 0 .5rem;font-size:1.1rem}
.card p{margin:0;color:var(--muted)}
.card a{color:inherit;text-decoration:none;display:block;height:100%}
.card-meta{color:var(--muted);font-size:.9rem;margin-top:.5rem}
.latest{list-style:none;padding:0;margin:0}
.latest li{padding:.3rem 0;border-bottom:1px dashed var(--border)}
.sections{list-style:none;padding:0;margin:.5rem 0 0}
.sections li{margin:.25rem 0}
.row{margin-top:2rem}
.row-title{margin:0 0 .75rem;border-left:4px solid var(--accent);padding-left:.5rem}
.more{display:inline-block;margin-top:.5rem;text-decoration:none;color:var(--accent)}
.post-title{font-size:2rem;margin:.5rem 0}
.meta{color:var(--muted);margin-bottom:1rem}
.excerpt{font-style:italic;color:var(--muted)}
.content img{max-width:100%;height:auto;border-radius:8px}
.site-footer{border-top:1px solid var(--border);margin-top:2rem}
.footwrap{padding:1rem 0;color:var(--muted)}
.noscript{color:#b00;background:#fff3f3;border:1px solid #f1c0c0;padding:.5rem;border-radius:8px;display:inline-block}
.search-box{margin-top:1rem}
.search-box input{width:100%;padding:.6rem;border:1px solid var(--border);border-radius:10px}
.page-title{margin:1rem 0 1.5rem}
@media (max-width:900px){
  .front-grid{grid-template-columns:1fr}
}

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Playfair+Display:wght@700&display=swap');

body {
  font-family: 'Merriweather', Georgia, serif;
  background: #faf8f3;
  color: #111;
}

.logo, .brand {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 2.8rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.row-title, .page-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.6rem;
  border-top: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent);
  padding: .3rem 0;
  margin: 1.5rem 0 1rem;
  text-align: center;
}

.post .content p:first-of-type::first-letter {
  float: left;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  margin-right: .25rem;
  color: var(--accent);
}

.site-footer {
  font-family: 'Merriweather', serif;
  font-size: .9rem;
  color: #555;
  text-align: center;
}