/* Nily Pages Skin — neutral polish without changing brand colors */
:root{
  --maxw: 1100px;
  --pad: clamp(14px, 2vw, 22px);
  --radius: 14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.6;
  color: inherit;
  background: inherit;
}
.wrap{max-width:var(--maxw); margin:0 auto; padding:var(--pad);}
header, footer{padding:var(--pad) 0}
nav a{
  display:inline-block; margin-right:14px; text-decoration:none; color:inherit; opacity:.9;
}
nav a:hover{opacity:1; text-decoration:underline}
h1{font-size: clamp(26px, 4vw, 40px); line-height:1.2; margin: .2em 0 .4em}
h2{font-size: clamp(18px, 2.4vw, 24px); margin: 1.2em 0 .4em}
p{margin:.6em 0}
ul{padding-left: 1.2em}
.btn, button, input[type=submit]{
  display:inline-block; padding:.65em 1.1em; border-radius: var(--radius);
  border:1px solid currentColor; background: transparent; color: inherit;
  text-decoration:none; cursor:pointer;
}
.btn:hover, button:hover, input[type=submit]:hover{filter:brightness(1.06)}
form input, form textarea, form select{
  width:100%; padding:.7em .9em; margin:.35em 0 1em; border-radius: 10px;
  border:1px solid currentColor; background: transparent; color: inherit;
}
section.card{
  border:1px solid currentColor; border-radius: var(--radius); padding: calc(var(--pad) * 1.1);
  background: color-mix(in srgb, currentColor 2%, transparent);
}
footer{opacity:.8; font-size:.95em; border-top:1px solid currentColor}