/* Honeypot extends the shared Cartesi typography, navigation, and palette. */
.honeypot-opening { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); align-items:center; gap:48px; padding-bottom:58px; }
.honeypot-version { margin:0 0 24px; color:var(--cyan); font:500 .875rem/1.5 var(--body); }
.honeypot-introduction h1 { font-size:clamp(3rem,5.3vw,5.4rem); line-height:1.1; }
.honeypot-introduction .page-hero-intro { max-width:510px; margin-top:28px; }
.honeypot-art { margin:0; border:1px solid #00f6ff35; border-radius:28px; overflow:hidden; background:#082a2d; box-shadow:0 30px 90px #00f6ff0b; }
.honeypot-art img { width:100%; height:auto; aspect-ratio:4 / 4.2; object-fit:cover; object-position:65% 50%; }
.honeypot-prize { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:48px; align-items:center; padding:32px 0 36px; border-top:1px solid #ffffff25; }
.honeypot-prize-number > p:first-child { margin:0 0 12px; color:#afc2c5; font-size:.875rem; }
.honeypot-amount { display:flex; flex-wrap:wrap; align-items:baseline; gap:14px; color:var(--cyan); font:500 clamp(1.7rem,3.9vw,4rem)/1.2 var(--display); letter-spacing:-.045em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.honeypot-amount [data-pot-unit] { color:#fff; font-size:1rem; letter-spacing:0; }
.honeypot-balance-status { margin:12px 0 0; color:#afc2c5; font-size:.875rem; }
.honeypot-prize-context p { max-width:450px; margin:0 0 16px; color:#c6d5d7; }
.honeypot-prize-context .text-link { color:var(--cyan); }
.honeypot-hero :focus-visible { outline-color:var(--cyan); }
.honeypot-challenge-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; margin-bottom:55px; }
.honeypot-challenge-heading > p { max-width:560px; margin:0; color:#435b60; font-size:1.0625rem; line-height:1.8; }
.honeypot-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.honeypot-steps article { display:flex; flex-direction:column; align-items:flex-start; padding-top:28px; border-top:1px solid var(--soft); }
.honeypot-steps h3 { margin:0 0 18px; font:500 clamp(1.35rem,2.1vw,1.8rem)/1.3 var(--display); letter-spacing:-.035em; }
.honeypot-steps p { margin:0 0 24px; color:#435b60; }
.honeypot-steps .text-link { margin-top:auto; }
.honeypot-deposit-note { display:grid; grid-template-columns:220px minmax(0,1fr); gap:24px; margin-top:50px; padding:24px 28px; background:var(--wash); border-left:3px solid var(--teal); border-radius:0 12px 12px 0; }
.honeypot-deposit-note strong { font-weight:500; }
.honeypot-deposit-note p { margin:0; color:#435b60; }
.honeypot-faq-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:80px; align-items:start; }
.honeypot-faq details > div { padding:0 35px 24px 0; color:#435b60; }
.honeypot-faq details p { margin:0; line-height:1.8; }
.honeypot-faq summary { font-family:var(--display); font-size:1.0625rem; }
.honeypot-resources { row-gap:16px; }
.honeypot-resources > a { min-height:190px; }
@media (max-width:1120px) {
  .honeypot-opening,.honeypot-prize { gap:32px; }
  .honeypot-faq-layout { gap:40px; }
  .honeypot-steps { gap:24px; }
}
@media (max-width:860px) {
  .honeypot-opening { grid-template-columns:1fr; gap:38px; padding-bottom:38px; }
  .honeypot-art img { aspect-ratio:16 / 9; }
  .honeypot-introduction h1 { max-width:700px; font-size:clamp(3rem,7.8vw,4.8rem); }
  .honeypot-introduction .page-hero-intro { max-width:620px; }
  .honeypot-challenge-heading,.honeypot-faq-layout { grid-template-columns:1fr; gap:30px; }
  .honeypot-deposit-note { grid-template-columns:1fr; gap:10px; }
}
@media (max-width:600px) {
  .honeypot-introduction h1 { font-size:clamp(2.4rem,9.4vw,3.5rem); }
  .honeypot-version { margin-bottom:18px; }
  .honeypot-art { border-radius:18px; }
  .honeypot-prize { grid-template-columns:1fr; gap:24px; }
  .honeypot-amount { font-size:clamp(1.8rem,8vw,3rem); }
  .honeypot-challenge-heading { margin-bottom:32px; }
  .honeypot-steps { grid-template-columns:1fr; gap:30px; }
  .honeypot-deposit-note { padding:22px; margin-top:35px; }
  .honeypot-faq details > div { padding-right:0; }
  .honeypot-resources > a { min-height:150px; }
}