/* Candid Aura Studio — Light Minimal Theme */
:root{
  /* Base colours for a light, airy feel */
  --bg:#f9fafb;         /* page background */
  --surface:#ffffff;     /* card and nav backgrounds */
  --text:#2d2d2d;        /* primary text colour */
  --muted:#5a5a5a;       /* secondary text (muted) */
  --accent:#4a90e2;      /* accent colour for links and buttons */
  --border:#e2e8f0;      /* subtle border colour */
  --shadow:rgba(0,0,0,.08); /* gentle shadow */
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  background:var(--bg);
  color:var(--text);
  line-height:1.7;
}
img{max-width:100%;height:auto;border-radius:.6rem;box-shadow:0 8px 24px var(--shadow)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1080px;margin:0 auto;padding:2.5rem 1.25rem}
.grid{display:grid;gap:1.25rem}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}

.btn{display:inline-block;background:var(--accent);color:#ffffff;padding:.8rem 1.1rem;border-radius:.5rem;font-weight:700;border:0;box-shadow:0 6px 18px var(--shadow)}
.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.btn+.btn{margin-left:.6rem}

header.site{
  position:sticky;
  top:0;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--border);
  z-index:50;
}
nav.wrap{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800}
.brand mark{background:transparent;color:var(--accent)}
nav ul{display:flex;gap:1rem;list-style:none;padding:0;margin:0}
nav a{padding:.5rem .75rem;border-radius:.4rem}
nav a.active, nav a:hover{background:var(--surface);box-shadow:0 2px 6px var(--shadow)}
.menu-toggle{display:none}
@media (max-width:780px){
  .menu-toggle{display:block;background:none;border:1px solid var(--border);color:var(--text);padding:.45rem .6rem;border-radius:.4rem}
  nav ul{display:none;position:absolute;top:58px;right:16px;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;padding:.6rem;flex-direction:column;min-width:220px;box-shadow:0 4px 12px var(--shadow)}
  nav ul.show{display:flex}
}

.hero{background:linear-gradient(180deg, rgba(74,144,226,.06), rgba(255,255,255,0));border-bottom:1px solid var(--border)}
.hero .lead{font-size:1.15rem;color:var(--muted)}
.hero img{width:100%;max-height:460px;object-fit:cover;border-radius:1rem;margin-top:1rem}

.section-title{font-size:2rem;margin:0 0 .5rem}
.section-sub{color:var(--muted);margin-top:.2rem}

.card{background:var(--surface);border:1px solid var(--border);border-radius:.9rem;padding:1.25rem;box-shadow:0 4px 12px var(--shadow)}
.list{margin:.5rem 0 0 1.25rem}
blockquote{border-left:3px solid var(--accent);padding-left:1rem;color:var(--muted)}

footer.site{border-top:1px solid var(--border);background:var(--surface);margin-top:4rem}
footer.site .small{color:#6c757d;font-size:.85rem}