/* English to Enochian Transliterator — 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; }
  .hint{ font-size:.78rem; max-width:34rem; }

  /* English input — fluid up to a wide cap so big screens aren't wasted */
  textarea#input{ width:100%; max-width:var(--read-width); min-height:6rem; resize:none; overflow-y:hidden;
        background:#13131a; color:var(--gold-bright); border:1px solid var(--line);
        border-radius:.5rem; padding:.75rem 1rem; font-family:system-ui,sans-serif;
        font-size:.92rem; line-height:1.55; }
  textarea#input:focus{ outline:none; border-color:var(--glow);
        box-shadow:0 0 14px -4px var(--glow); }

  /* Enochian output — same fluid width; wider = fewer wraps = less vertical crunch */
  .out{ width:100%; max-width:var(--read-width); min-height:6rem; background:#0f0f15;
        border:1px solid var(--line); border-radius:.5rem; padding:.9rem 1.1rem;
        white-space:pre-wrap; word-break:break-word; font-size:.92rem; line-height:1.9;
        word-spacing:.7rem; }   /* widen the gap between words — glyphs dwarf a normal space */
  .out .en{ font-family:"Enochian"; font-size:1.5rem; color:var(--gold); letter-spacing:.05em; }
  .out .ph{ color:var(--dim); }