/* Arynwood's shared design system, with Mint green alongside the original violet. */
:root {
  color-scheme: dark;
  --teal-100: #e9fbdc;
  --teal-200: #c9f2ac;
  --teal-300: #abe17c;
  --teal-400: #8bc35e;
  --teal-500: #6da542;
  --teal-ink: #15220c;
  --teal-line: rgba(171,225,124,.28);
  --ink-3: #c5badc;
  --ink-4: #b1a2cc;
}
body {
  background:
    radial-gradient(ellipse 40rem 27rem at 50% 12rem, rgba(171,225,124,.09), transparent 72%),
    radial-gradient(ellipse 140% 100% at 50% 0%, rgba(74,46,122,.29), transparent 55%),
    linear-gradient(180deg, var(--bg), #110820);
}
body::after { background: radial-gradient(circle, rgba(139,195,94,.2), transparent 70%); }
::selection { background: rgba(171,225,124,.28); }
a { text-underline-offset: 4px; }
.mint-header { padding-block: 1.1rem; border-bottom: 1px solid var(--line); }
.mint-header .wrap { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.mint-nav { display: flex; flex-wrap: wrap; gap: .4rem 1.4rem; }
.mint-nav a { color: var(--ink-2); font-size: .9rem; text-decoration: none; padding-block: .4rem; }
.mint-nav a:hover { color: var(--teal-200); }
.mint-hero { padding-top: clamp(2.5rem, 6vw, 4.2rem); }
.mint-hero .hero-logo { width: clamp(140px, 23vw, 184px); margin-bottom: 1.1rem; }
.mint-hero .lede { max-width: 37rem; }
.mint-hero .actions { margin-top: 1.7rem; }
.btn-teal { background: linear-gradient(180deg, #c9f2ac, var(--teal-300) 45%, var(--teal-400)); border-color: rgba(201,242,172,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 30px -14px rgba(139,195,94,.7); }
.btn-teal:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 16px 34px -12px rgba(139,195,94,.7), 0 0 0 4px rgba(171,225,124,.12); }
.btn-glass { background: rgba(171,225,124,.06); }
.btn-glass:hover { background: rgba(171,225,124,.12); border-color: var(--teal-300); box-shadow: 0 12px 28px -16px rgba(139,195,94,.6); }
.release-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: .3rem 1rem; list-style: none; margin-top: 1.25rem; font: .78rem/1.7 var(--mono); color: var(--ink-2); }
.verified { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .45rem; margin-top: 1.1rem; color: var(--teal-200); font-size: .87rem; }
.verified .i { width: 1rem; height: 1rem; }
.other-editions { margin-top: .8rem; font-size: .87rem; }
.other-editions a { color: var(--ink-2); }
.section-intro { max-width: 40rem; margin-bottom: 2rem; }
.section-intro .lede { max-width: 40rem; }
.guide-cards { grid-template-columns: repeat(3,minmax(0,1fr)); }
.guide-cards > li { min-width: 0; }
.guide-cards .card { border-color: var(--line-2); background: var(--panel); height: 100%; }
.guide-cards .card:hover { border-color: var(--teal-line); background: radial-gradient(ellipse at top left, rgba(171,225,124,.08), transparent 70%), var(--panel); box-shadow: 0 16px 50px -30px rgba(171,225,124,.3); }
.guide-step { font: .7rem/1.6 var(--mono); letter-spacing: .1em; color: var(--teal-200); text-transform: uppercase; }
.guides-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.8rem; font-size: .93rem; }
.guides-footer a { color: var(--teal-200); }
.verify-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(1.5rem,4vw,3.5rem); align-items: start; }
.verify-layout > * { min-width: 0; }
.verify-copy p + p { margin-top: 1rem; }
.verify-panel { padding: clamp(1.2rem,3vw,2rem); }
.hash-label { font: .7rem/1.6 var(--mono); letter-spacing: .1em; color: var(--teal-200); text-transform: uppercase; }
.hash { display: block; font: .8rem/1.8 var(--mono); overflow-wrap: anywhere; color: var(--ink); margin: .8rem 0 1.1rem; padding: 1rem; border: 1px solid var(--teal-line); border-radius: 10px; background: rgba(171,225,124,.04); }
.checksum-links { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .88rem; margin-bottom: 1.4rem; }
.verify-panel details { border-top: 1px solid var(--line); padding-block: .85rem; }
.verify-panel summary { color: var(--ink-2); cursor: pointer; font-size: .9rem; }
.verify-panel pre { margin-top: .8rem; padding: .9rem; background: rgba(0,0,0,.2); border-radius: 8px; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ink); font: .76rem/1.8 var(--mono); }
.manifest-note { margin-top: .9rem; font-size: .82rem; }
.learn-more { margin-top: 1.8rem; }
.mirror-note { border-top: 1px solid var(--line); padding-top: 1.5rem; font-size: .86rem; max-width: 55rem; }
footer { padding: 2.7rem 0 2rem; border-top: 1px solid var(--line); }
@media (max-width: 800px) {
  .guide-cards { grid-template-columns: 1fr; }
  .verify-layout { grid-template-columns: 1fr; }
  .mint-header .wrap { flex-wrap: wrap; justify-content: center; }
  .mint-nav { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}