:root{
  --bg:#fff;
  --fg:#111;
  --muted:#666;
  --line:#eaeaea;
  --max-width:980px;
  --reading-width:720px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{
  color:var(--muted);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .2s ease,border-color .2s ease;
}
a:hover{
  color:var(--fg);
  border-bottom:1px solid var(--fg);
}
.container{
  max-width:var(--max-width);
  margin:0 auto;
  padding:0 1.25rem;
}
.site-header{ background:var(--bg); }
.header-inner{
  min-height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.topline{
  width:100%;
  text-align:center;
  font-size:.98rem;
  color:var(--fg);
}
.topline a{ display:inline-block; padding:0 .22rem; }
.sep{ color:#bdbdbd; padding:0 .08rem; }
main,
.hero,
.article,
.post,
.page,
section,
footer .container,
header .container{
  max-width:var(--max-width);
  margin-left:auto;
  margin-right:auto;
}
.hero{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.hero-inner{
  width:100%;
  max-width:760px;
  margin:0 auto;
}
.lead,
.hero-intro,
.hero-subtitle{ color:var(--muted); }
h1,h2,h3{
  color:var(--fg);
  line-height:1.18;
  letter-spacing:-0.01em;
  font-weight:600;
}
h2{ font-size:1.2rem; margin:2.2rem 0 0.9rem; }
h3{ font-size:1.02rem; margin:1.8rem 0 0.7rem; }
p{ margin:0 0 1rem; }
small{ font-size:.9rem; }
.muted{ color:var(--muted); }

.article,
.post,
main section,
main article{
  max-width:var(--reading-width);
  margin-left:auto;
  margin-right:auto;
  padding-left:1.25rem;
  padding-right:1.25rem;
}
.article p, .post p{ margin:0 0 1.05rem; }

footer, .site-footer{
  background:var(--bg);
  margin-top:2.6rem;
}
.footer-inner{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--fg);
}
ul,ol{ margin:.8rem 0 1rem 1.25rem; }
li{ margin:.2rem 0; }
main section h2:first-child{ margin-top:0; }

@media (max-width:700px){
  body{ font-size:15.5px; line-height:1.6; }
  .header-inner{ min-height:54px; }
  .topline{ font-size:.94rem; }
  .article, .post, main section, main article{
    padding-left:1rem;
    padding-right:1rem;
  }
}/* Version B — radikal minimal */
.hero{
  min-height:28vh;
  padding:1.7rem 1.25rem 1.15rem;
}
h1{
  font-size:clamp(1.95rem,3.5vw,2.45rem);
  margin:0 0 .7rem;
}
.lead,
.hero-intro,
.hero-subtitle{
  font-size:.98rem;
  line-height:1.54;
}
h2{
  font-size:1.15rem;
  margin:2rem 0 0.8rem;
}
footer, .site-footer{
  margin-top:2.2rem;
}
@media (max-width:700px){
  .hero{
    min-height:24vh;
    padding:1.45rem 1rem 1rem;
  }
  h1{
    font-size:clamp(1.8rem,6.6vw,2.2rem);
  }
}


/* Fragments refined like profiles */
.fragments a{
  display:block;
  font-size:0.95rem;
  line-height:1.3;
  margin:0.15rem 0;
}
.fragments{
  margin-top:0.5rem;
}