/* It's Funnier in Enochian — page-specific styles; shared base in site.css + toy.css */
body{ padding:1.4rem 1.5rem 4rem; }
  main{ width:100%; display:flex; flex-direction:column; align-items:center; gap:1.5rem; }

  /* the joke display: setup (English) over punchline (Enochian), NEXT pinned bottom-right */
  .joke{ width:100%; max-width:var(--read-width); min-height:13rem; background:#0f0f15;
         border:1px solid var(--line); border-radius:.6rem; padding:1.4rem 1.6rem 1.2rem;
         display:flex; flex-direction:column; gap:1.1rem; }
  .setup{ color:var(--gold-bright); font-size:1rem; line-height:1.5; }
  .punchline{ color:var(--gold); line-height:1.9; word-spacing:.6rem; }
  .punchline .en{ font-family:"Enochian"; font-size:1.5rem; letter-spacing:.05em; }

  /* footer: source credit (left), Next (right) */
  .foot{ margin-top:auto; display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; }
  .credit{ font-size:.62rem; letter-spacing:.04em; color:var(--dim); }
  .credit a{ color:var(--dim); text-decoration:none; border-bottom:1px dotted var(--line); }
  .credit a:hover{ color:var(--gold); border-color:var(--gold); }
  .next{ flex:none; cursor:pointer; background:#13131a;
         border:1px solid var(--line); border-radius:.5rem; color:var(--gold);
         font-family:system-ui,sans-serif; font-size:.82rem; letter-spacing:.1em;
         text-transform:uppercase; padding:.5rem 1rem;
         transition:border-color .12s, background-color .12s, color .12s; }
  .next:hover{ border-color:var(--glow); background:#1a1a22; color:var(--gold-bright); }