:root{
  --brand:#0b4a8f;
  --bg:#f5f7fb;
  --ink:#222;
  --card:#ffffff;
  --muted:#6b7280;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.hero{background:var(--brand);color:#fff;padding:36px 0}
.hero h1{margin:0 0 6px;font-size:32px}
.subtitle{margin:0;opacity:.9}
.card{background:var(--card);border-radius:10px;padding:16px 18px;margin:16px 0;box-shadow:0 1px 3px rgba(0,0,0,.06)}
h2,h3{color:var(--brand);margin-top:0}
.agenda ul{margin:8px 0 0 18px}
.grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:720px){.grid{grid-template-columns:1fr 1fr}}
a{color:var(--brand);text-decoration:none}
.footer{padding:18px 0;text-align:center;color:var(--muted)}

/* Button styles */
.btn{
  display:inline-block;
  padding:12px 24px;
  border-radius:6px;
  text-decoration:none;
  font-weight:bold;
  min-width:220px;
  text-align:center;
  transition:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .2s ease;
  cursor:pointer;
  user-select:none;
}

/* Outline button (white bg, blue border, blue text) */
.btn-outline{
  background:#ffffff;
  color:var(--brand);
  border:2px solid var(--brand);
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.btn-outline:hover{
  background:#f2f6ff; /* light white/blue on hover */
  color:var(--brand);
}
.btn-outline:active{
  color:#00cc66; /* green text on active press */
}

/* Solid blue button */
.btn-solid{
  background:#0056b3;
  color:#ffffff;
  border:2px solid #0056b3;
  box-shadow:0 1px 2px rgba(0,0,0,.12);
}
/* On hover: only background becomes near-white, text stays white (as requested) */
.btn-solid:hover{
  background:#f2f6ff; /* very light background */
  color:#ffffff; /* keep text white on hover per request */
  border-color:#ffffff;
}
/* On active press: make text green */
.btn-solid:active{
  color:#ffffff;
}


/* --- Overrides (08: latest) --- */

/* Unified button style for both buttons */
.btn{
  display:inline-block;
  padding:12px 24px;
  border-radius:10px;
  text-decoration:none;
  font-weight:700;
  min-width:220px;
  text-align:center;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}

.btn-solid{
  background:#0056b3;        /* blue */
  color:#ffffff;              /* white text */
  border:2px solid #0056b3;
}

.btn-solid:hover{
  background:#f8f9fa;         /* light-white on hover */
  color:#0056b3;              /* blue text on hover */
  border-color:#ffffff;
}

.btn-solid:active{
  color:#ffffff;              /* greener text on press */
  transition: color 0s;       /* instant */
}



/* iOS long-press fixes */
.btn, a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; /* disable white callout rectangle */
  -webkit-user-select: none;
  user-select: none;
}
.btn:focus, a:focus {
  outline: none;
}


/* Зелені кнопки в розділі Документи */
.docs-block{max-width:780px;margin:10px auto 4px;}
.docs-buttons{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center
}
.gbtn{
  background:#90EE90;
  color:#103a12;
  font-weight:700;
  text-decoration:none;
  padding:10px 14px;
  border-radius:8px;
  min-width:140px;
  text-align:center;
  transition:background-color .2s ease, color .2s ease, transform .06s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  -webkit-tap-highlight-color: transparent;
  user-select:none;
}
.gbtn:hover{background:#4CAF50;color:#fff}
.gbtn:active{color:#004d00;transform:scale(.98)}
@media (min-width:520px){
  .gbtn{flex:1 1 calc(33% - 20px);max-width:200px}
}


/* --- community button overrides --- */
.menu {display:flex; gap:12px; align-items:center; flex-wrap:wrap;}
.menu a {text-decoration:none}
.btn-menu {background:#0a7d3c; color:#fff; padding:10px 14px; border-radius:10px; display:inline-block; font-weight:600; box-shadow:0 2px 0 rgba(0,0,0,.15); transition:.2s}
.btn-menu:hover {filter:brightness(1.1); transform:translateY(-1px)}
.top-back {color:#0a7d3c}

/* --- porady hero color override for contrast --- */
.hero h1, .hero p { color: #ffffff !important; }