/* Warm, light theme */
*{box-sizing:border-box}
html, body {height: 100%;}
body{min-height:100vh;display:flex;flex-direction:column;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;background:#f5efe7;color:#1f2937}
main{flex:1;}
a{color:inherit;text-decoration:none}
.container{max-width:1024px;margin:0 auto;padding:24px}
.site-header{position:sticky;top:0;background:#f1e9df;border-bottom:2px solid #f59e0b}
.site-header .brand{font-weight:800;font-size:22px;margin-right:24px}
.nav a{margin-right:16px;opacity:.9}
.nav a.cta{padding:8px 12px;border:1px solid #d97706;border-radius:12px}
.nav a:hover{opacity:1;text-decoration:underline}
h1,h2{line-height:1.2}
.hero{padding:48px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:#ffffff;border:1px solid #f1d6b8;padding:20px;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.btn{display:inline-block;padding:10px 14px;border:1px solid #d97706;border-radius:12px;background:#f5efe7}
.btn:hover{filter:brightness(0.98)}
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #f1d6b8;border-radius:12px;overflow:hidden}
.table th,.table td{border-bottom:1px solid #f1d6b8;padding:10px;text-align:left}
.badge{display:inline-block;padding:4px 8px;border:1px solid #f59e0b;border-radius:999px;font-size:12px;background:#fffbeb}
.site-footer{border-top:2px solid #f59e0b;background:#fffbeb}
small,.muted{opacity:.75}
code{background:#fff1d6;border:1px solid #f1d6b8;padding:2px 6px;border-radius:8px}
form input,form textarea{width:100%;padding:10px;background:#fff; border:1px solid #f1d6b8;border-radius:12px;color:#1f2937}
form label{display:block;margin-top:12px;margin-bottom:6px}
form button{margin-top:12px}
ul.checklist{list-style:none;padding-left:0}
ul.checklist li::before{content:"✓";margin-right:8px;color:#d97706}

/* Active nav underline & accessibility */
.nav a {
  position: relative;              /* allow pseudo-underline positioning */
  display: inline-block;
}

/* Stronger state for the current page */
.nav a.active,
.nav a[aria-current="page"] {
  font-weight: 700;
  color: #d97706;                  /* your amber-600 */
}

/* Underline “tab” for current page */
.nav a.active::after,
.nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;                    /* sits under text; tweak to taste */
  height: 2px;
  background: #f59e0b;             /* your amber-500 border color */
  border-radius: 2px;
  transform-origin: left center;
  transform: scaleX(1);
}

/* Optional: subtle hover underline animation for non-active items */
.nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  background: #f1d6b8;             /* faint baseline hover line */
  border-radius: 2px;
  transform: scaleX(0);
  transition: transform 160ms ease-in-out;
}

.nav a:hover::after {
  transform: scaleX(1);
}

/* Keyboard focus ring (a11y) */
.nav a:focus-visible {
  outline: 2px solid #f59e0b;
  outline-offset: 2px;
  border-radius: 6px;
}

/* pill links */
.pill-links { margin: 1rem 0; }
.pill-links a {
  display: inline-block;
  padding: 0.35rem 0.65rem;
  margin-right: 0.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  background: #fff;
  text-decoration: none;
  font-size: 0.9rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.pill-links a:hover {
  border-color: #fbbf24;
  background: #fef3c7;
}