/* Goat Quiz Styles — Camp Hanover (2025-09-35) */
:root { --ink:#183028; --brand:#2f914b; --bg:#f6fbf7; --retake:#FF4500; }
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,Segoe UI,Arial;background:var(--bg);color:var(--ink)}
.container{max-width:800px;margin:40px auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.07)}
h1,h2{margin:0 0 16px} h1{font-size:28px} h2{font-size:22px}
.btn {
  display: inline-block;
  padding: 12px 20px;
  min-width: 150px;
  text-align: center;
  border-radius: 8px;
  border: none;
  font-weight: 600;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none;
  box-sizing: border-box;
  transition: background .2s;
}

.btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.btn-share {
  background: #2f914b; /* camp green */
  color: #fff;
}
.btn-share:hover {
  background: #277b3f;
}

/* Retake = gold */
.btn-retake {
  background: #FFB400;
  color: #fff;
}
.btn-retake:hover {
  background: #e0a000;
}

/* Donate = orange-red */
.btn-donate {
  background: #FF4500;
  color: #fff;
}
.btn-donate:hover {
  background: #e03e00;
}

.card{padding:16px;border:1px solid #e7eee8;border-radius:10px;margin:12px 0}
.answers button{display:block;width:100%;text-align:left;margin:10px 0;padding:12px;border-radius:10px;border:1px solid #dfe9e1;background:#fff;font-size:1rem;cursor:pointer;transition:background .15s}
.answers button:hover{background:#f0f8f3}
.progress{height:8px;background:#eaf3ec;border-radius:999px;overflow:hidden;margin:12px 0 24px}
.progress>div{height:100%;width:0;background:var(--brand);transition:width .25s}
.row{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}

/* ALWAYS stack the result image on top */
.result-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.result-hero img{width:100%;max-width:480px;height:auto;border-radius:12px;object-fit:cover}
@media (max-width:900px){.result-hero h1,.result-hero p,.result-hero .row{width:100%;text-align:left}}

.notice{font-size:14px;color:#5a6c63;margin-top:12px}
.footer-links{margin-top:20px;font-size:14px}
.footer-links a{color:#2b6b3b;text-decoration:none}
.center{text-align:center}
.small{font-size:13px;color:#5a6c63}