/* Eikoniki – minimal site system */
:root{
  --bg:#faf9f7; --fg:#111; --muted:#666; --rule:#e7e3dd;
  --link:#111; --link-underline:#aaa; --max:720px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.6 "Helvetica Neue", Helvetica, Arial, sans-serif;
  display:flex; flex-direction:column;
}
a{color:var(--link); text-decoration:none; border-bottom:1px solid var(--link-underline); transition:border-color .2s}
a:hover{border-color:var(--fg)}
.header{
  border-bottom:1px solid var(--rule); background:#fff9; backdrop-filter:saturate(180%) blur(4px);
}
.wrap{max-width:var(--max); margin:0 auto; padding:20px}
.brand{
  font:500 18px "Times New Roman", Georgia, serif; letter-spacing:1px;
}
.nav{margin-top:10px; display:flex; gap:18px; flex-wrap:wrap}
.nav a{border:none; padding:6px 0; color:#222}
.nav a.active{border-bottom:2px solid var(--fg)}
main{flex:1}
main .wrap{padding-top:48px; padding-bottom:48px}
h1{
  font:500 28px/1.3 "Times New Roman", Georgia, serif; letter-spacing:.3px; margin:0 0 12px;
}
p{margin:10px 0}
.lead{font-size:18px}
.muted{color:var(--muted)}
hr{border:0; border-top:1px solid var(--rule); margin:28px 0}
.list{list-style:none; padding:0; margin:0}
.list li{padding:10px 0; border-bottom:1px solid var(--rule)}
.footer{border-top:1px solid var(--rule); color:var(--muted); font-size:14px}
.footer .wrap{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap}
@media (max-width:680px){
  .wrap{padding:16px}
  h1{font-size:24px}
  .lead{font-size:17px}
}